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