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

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

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

Чаще всего ломают навигацию такие вещи:
— кастомные кнопки, сделанные через div вместо button;
— ссылки без видимого состояния focus;
— слайдеры и всплывающие окна, которые не закрываются Esc;
— модальные окна, где фокус уходит за пределы окна;
— скрытые элементы, которые всё ещё доступны через Tab.

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

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