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

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

Клавиатурой должен проходиться весь путь: меню, формы, модалки, фильтры, табы, кнопки и ссылки. Если элемент виден, но до него нельзя дойти Tab/Shift+Tab, он выпадает из сценария.

Проверьте базу:
— порядок фокуса идёт по смыслу, а не скачет по странице;
— фокус всегда заметен: рамка, обводка, контраст;
— модальное окно ловит фокус внутри и возвращает его назад;
— выпадающие списки, аккордеоны и табы открываются с клавиатуры;
— ссылка «Пропустить к содержанию» есть там, где длинная шапка.

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

Хороший тест простой: закройте мышь и пройдите сайт только Tab, Enter, Esc и стрелками. Если на одном шаге нужен трекпад — там и есть ошибка.