Клавиатура должна вести по интерфейсу, а не ломать его в первой же вкладке

Клавиатура должна вести по интерфейсу, а не ломать его в первой же вкладке

Проверьте базу: Tab должен двигать фокус по смыслу, Shift+Tab — возвращать назад, Enter и Space — срабатывать по ожидаемому элементу. Если кнопка сделана из div без роли, пользователь упрётся в пустоту: визуально элемент есть, а управлять им нельзя.

Фокус всегда должен быть виден. Не убирайте outline без замены: чёткая обводка, тень или иной заметный индикатор нужны на каждом интерактивном элементе. Если фокус теряется внутри модального окна, меню или дропдауна, человек быстро оказывается «вне» сценария. 🙂

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

Отдельно проверяйте ловушки: фокус не должен уходить за открытое модальное окно, а Esc должен закрывать его там, где это ожидаемо. Если интерфейс можно пройти только мышью, это не мелкая недоработка, а сломанный путь для части аудитории. Дайте клавиатуре пройти весь сценарий от начала до конца — и только потом считайте компонент готовым.