Клавиатура не «доп» к мыши: для части людей это единственный способ управлять интерфейсом
Если на странице всё работает только после клика, пользователь застревает. Базовый минимум: Tab должен идти по логике экрана, Shift+Tab — назад, Enter и Space — запускать действие, Esc — закрывать модальные окна.
Проверь фокус: он обязан быть видимым, не теряться за липкими шапками и не прыгать в случайные места. Не убирай outline без замены, иначе человек не поймёт, где он сейчас находится. Для сложных компонентов нужны роли и состояния: раскрыт ли список, выбрана ли вкладка, заблокирована ли кнопка.
Типовые провалы: порядок Tab не совпадает с визуальным, в меню можно зайти, но нельзя выйти, фокус уходит в фон под модалкой, а элементы «из дивов» вообще не реагируют на клавиатуру. Особенно часто ломаются кастомные селекты, табы, аккордеоны и попапы.
Проверяй интерфейс без мыши перед релизом: если ты не можешь пройти сценарий только Tab, Enter и Esc, пользователь не сможет тоже.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Клавиатура не «доп» к мыши: для части людей это единственный способ управлять интерфейсом
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.