<b>Клавиатура — не запасной вариант: как сделать управление интерфейсом предсказуемым</b>

<b>Клавиатура — не запасной вариант: как сделать управление интерфейсом предсказуемым</b>

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

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

Частая ошибка — делать кликабельные div без роли, имени и поддержки клавиатуры. Для браузера это не кнопка, для пользователя тоже. Если элемент выглядит как действие, он обязан нажиматься с клавиатуры и получать понятный фокус. Иначе доступность ломается даже при красивом UI.

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