Доступность веб-интерфейсов

Клавиатура не «доп» к мыши: для части людей это единственный способ управлять интерфейсом

Клавиатура не «доп» к мыши: для части людей это единственный способ управлять интерфейсом

Если на странице всё работает только после клика, пользователь застревает. Базовый минимум: Tab должен идти по логике экрана, Shift+Tab — назад, Enter и Space — запускать действие, Esc — закрывать модальные окна.

Проверь фокус: он обязан быть видимым, не теряться за липкими шапками и не прыгать в случайные места. Не убирай outline без замены, иначе человек не поймёт, где он сейчас находится. Для сложных компонентов нужны роли и состояния: раскрыт ли список, выбрана ли вкладка, заблокирована ли кнопка.

Типовые провалы: порядок Tab не совпадает с визуальным, в меню можно зайти, но нельзя выйти, фокус уходит в фон под модалкой, а элементы «из дивов» вообще не реагируют на клавиатуру. Особенно часто ломаются кастомные селекты, табы, аккордеоны и попапы.

Проверяй интерфейс без мыши перед релизом: если ты не можешь пройти сценарий только Tab, Enter и Esc, пользователь не сможет тоже.
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.