Клавиатурой должен управляться не только сайт, но и каждый его сценарий
Если человек не может пройти форму без мыши, доступность уже сломана. Проверка простая: Tab должен вести по логичному порядку, Enter — активировать кнопку, Space — переключать чекбокс или сворачивать аккордеон.
Смотрите на три вещи:
— фокус виден всегда, а не только «по умолчанию»;
— порядок табуляции совпадает с визуальной структурой;
— не бывает «мертвых» элементов, в которые можно попасть, но нельзя выйти.
Если в модалке фокус уходит за её пределы, пользователь теряет контекст. Если при открытии меню фокус не переезжает внутрь, управление становится случайным.
Особенно часто ломают кастомные компоненты: кнопки, табы, селекты, дропдауны. Нативные элементы уже умеют клавиатуру, а самописным нужно вручную задать роли, состояния и обработку клавиш. Иначе «кликабельный див» выглядит как кнопка, но ведёт себя как картинка.
Проверяйте интерфейс без мыши целиком: от входа на страницу до отправки формы. Если один сценарий нельзя пройти Tab, Shift+Tab, Enter и Esc, его нельзя считать доступным.
Доступность веб-интерфейсов
@accessibility_in_design_ww
Клавиатурой должен управляться не только сайт, но и каждый его сценарий
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.