Клавиатура не работает “по ощущениям”: 6 мест, где ломается доступность

Клавиатура не работает “по ощущениям”: 6 мест, где ломается доступность

Фокус, порядок табов и выход из ловушек — три вещи, которые пользователь проверяет первой. Если они нарушены, интерфейс становится неудобным даже без мыши.

• Логичный tab order: Tab должен идти по экрану сверху вниз, слева направо, а не прыгать между блоками.
• Видимый фокус: outline не прячьте, а делайте заметным на любом фоне.
• Не используйте div и span вместо кнопок и ссылок: нативные элементы уже умеют клавиатуру.
• Модальные окна и меню должны удерживать фокус внутри себя, а Esc — закрывать их и возвращать пользователя назад.
• Для кастомных контролов добавляйте нужные клавиши: Enter, Space, стрелки — если это ожидаемо по паттерну.

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

Хорошая клавиатурная навигация — это не “доп. опция”, а базовая гигиена интерфейса. Начните с таба, фокуса и модалок, и половина ошибок исчезнет.