Клавиатурная навигация ломается в 3 местах: проверьте их первыми

Клавиатурная навигация ломается в 3 местах: проверьте их первыми

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

Проверьте базу:
— Табуляция идёт по логике страницы, а не прыгает по случайным блокам.
— У активного элемента всегда заметен фокус: не убирайте outline без замены.
— Меню, аккордеоны, модальные окна и слайдеры открываются с клавиатуры и закрываются Esc.
— Ссылка и кнопка ведут себя по-разному: ссылку можно перейти, кнопку — нажать.

Частая ловушка в WordPress — кликабельный div вместо настоящей кнопки или ссылки. Для такого элемента нужно вручную прописывать роли, состояния и обработчики клавиш, иначе экранный доступ и клавиатура работают непредсказуемо. Лучше сразу использовать семантические теги: button, a, details/summary.

Ещё один важный тест — пройдите страницу только клавишей Tab. Если вы не понимаете, где сейчас фокус, или не можете добраться до формы и отправки без мыши, пользователь тоже застрянет. Исправляйте это до визуального полировки: доступность здесь не «дополнение», а базовая механика.

Начните с одного шаблона и пройдите его целиком с клавиатуры: это быстрее всего показывает, где сайт реально недоступен.