Вебсправочник
Основы веб-разработки

Навигация клавиатурой: проверка без мыши

Как проверить фокус, порядок переходов и доступность действий только с клавиатуры.

Зачем это нужно

Посетитель может пользоваться клавиатурой постоянно или временно: из-за особенностей моторики, сломанной мыши или привычки. Проверка без мыши выявляет ошибки, которые незаметны при обычном клике по интерфейсу.

Пройдите страницу по порядку

Начните с начала документа и нажимайте Tab. Shift+Tab должен возвращать назад. Следите, чтобы фокус был видим и переходил в предсказуемом порядке. Положительные tabindex чаще усложняют порядок, чем помогают.

Проверьте действия

Ссылка должна открываться через Enter, кнопка — поддерживать нативное управление. Не заменяйте button кликабельным div, если нет веской причины и полной реализации клавиатурного поведения.

Проверьте раскрывающиеся области

После открытия меню пользователь должен понимать, где находится. Скрытые элементы не должны оставаться неожиданными остановками фокуса. Модальный интерфейс требует отдельного управления входом и возвратом фокуса.

Важное ограничение

Успешный проход Tab не является полной проверкой доступности. Он покрывает важную часть взаимодействия, но не все сценарии экранных дикторов и других средств.

Контрольная проверка

  • Фокус нигде не исчезает за обрезкой.
  • Нет ловушки, из которой невозможно выйти.
  • Все значимые действия доступны без мыши.
  • Порядок переходов соответствует смыслу страницы.

Продолжить изучение: видимый фокус, кнопки.

Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.