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

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

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

Проверьте 5 типовых узлов:
• меню и выпадающие списки — можно ли открыть и закрыть с клавиатуры;
• модальные окна — есть ли вход в окно и возврат на исходный элемент;
• формы — видно ли, где сейчас фокус, и не прыгает ли он между полями;
• слайдеры и табы — меняются ли они стрелками, а не только кликом;
• скрытые блоки — не попадают ли в порядок табуляции то, чего пользователь не видит.

Отдельно смотрите на стили фокуса. Если outline убран, замените его на заметный и контрастный индикатор. Фокус должен быть не декоративным, а рабочим: пользователь обязан понимать, где он находится и что может сделать дальше.

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

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