Клавиатура должна вести по интерфейсу, а не ломать его на каждом шаге

Клавиатура должна вести по интерфейсу, а не ломать его на каждом шаге

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

Проверьте базу:
— Tab двигает фокус по логичной последовательности
— Shift+Tab возвращает назад без сюрпризов
— Enter и Space запускают нужное действие, а не одно и то же везде
— Esc закрывает модальные окна, меню и подсказки
— После открытия диалога фокус остаётся внутри него

Не забывайте про видимый фокус. Если его убрали ради «красоты», пользователь не понимает, где он находится. Для кастомных кнопок, ссылок и элементов списка нужен tabindex только там, где это действительно нужно, иначе порядок обхода станет шумным.

Самая частая ошибка — делать интерактивным div без роли, состояния и клавиатурного поведения. В итоге элемент выглядит как кнопка, но не работает как кнопка. Это особенно заметно в меню, карточках, аккордеонах и фильтрах.

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