Клавиатурная навигация ломается в мелочах: 6 проверок для WordPress

Клавиатурная навигация ломается в мелочах: 6 проверок для WordPress

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

Дальше смотрите на типовые ловушки:
— меню и модальные окна должны открываться с клавиатуры и закрываться Esc;
— на интерактивных элементах не должно быть tabindex="0" ради «красоты»;
— скрытые блоки не должны попадать в фокус;
— активный элемент не должен теряться на фоне.

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

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