Клавиатура должна работать без мыши — и это проверяется за 2 минуты

Клавиатура должна работать без мыши — и это проверяется за 2 минуты

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

Проверьте 4 вещи:
— все интерактивные элементы достигаются с клавиатуры;
— порядок фокуса совпадает с логикой интерфейса;
— модальные окна, меню и выпадающие списки можно открыть, закрыть и выбрать пункт;
— после действия фокус возвращается туда, где пользователь продолжит работу.

Частая ошибка — делать кликабельный div без роли, tabindex и клавиатурных обработчиков. Еще одна — скрывать outline «для красоты». Если рамка мешает дизайну, замените ее, но не убирайте совсем. Пользователь должен всегда понимать, где он находится.

Хорошая проверка: попробуйте собрать заказ, отправить форму или закрыть уведомление, вообще не трогая мышь. Если путь ломается на одном шаге, исправляйте именно его, а не «в целом доступность».