Клавиатурная навигация ломается не в коде, а в мелочах интерфейса

Клавиатурная навигация ломается не в коде, а в мелочах интерфейса

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

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

Минимальный чек-лист для WordPress:
• у интерактивных элементов есть понятные роли и названия;
• видимый индикатор фокуса заметен на светлой и тёмной теме;
• порядок Tab совпадает с визуальной логикой;
• после открытия попапа фокус возвращается туда, откуда пришёл;
• пропусков через контентные блоки нет.

Проверяйте страницу только клавиатурой: Tab, Shift+Tab, Enter, Space, Esc. Если тестируется главная, карточка товара и форма — этого уже хватает, чтобы поймать большую часть проблем.

Хорошая клавиатурная навигация не бросается в глаза, но сразу показывает, где интерфейс собран без расчёта на всех пользователей.