Клавиатурная навигация ломается в мелочах: 7 мест, где сайт теряет доступность

Клавиатурная навигация ломается в мелочах: 7 мест, где сайт теряет доступность

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

Проверьте базу:
• Tab двигает фокус по логичному порядку, без прыжков в шапку или футер.
• Фокус всегда заметен: у элемента есть контрастная обводка или иной явный индикатор.
• Все интерактивные элементы доступны с клавиатуры: ссылки, кнопки, меню, аккордеоны, поля формы.
• У модалок и выпадающих списков есть ловушка фокуса и возврат на исходный элемент.

Частые ошибки на WordPress: кликабельный div вместо кнопки, скрытый пункт меню, который виден мышью, но не получает фокус, и кастомные виджеты без обработки Enter и Space. Если используете page builder или тему с готовыми блоками, отдельно тестируйте не только внешний вид, но и путь клавишами.

Самая простая проверка: откройте страницу, уберите мышь и пройдите весь сценарий только Tab, Shift+Tab, Enter и Esc. Если где-то нужны догадки — доступность уже не работает.