Клавиатурная навигация: 7 точек, где сайт ломается для тех, кто не пользуется мышью

Клавиатурная навигация: 7 точек, где сайт ломается для тех, кто не пользуется мышью

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

Чаще всего ломаются такие места:
• меню с выпадающими списками без выхода по Esc
• модальные окна без ловушки фокуса
• кастомные кнопки, сделанные из div
• слайдеры и табы, где фокус «прыгает» в никуда
• формы, в которых ошибка не связана с полем

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

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

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