Доступность веб-интерфейсов

Клавиатурой должен управляться не только сайт, но и каждый его сценарий

Клавиатурой должен управляться не только сайт, но и каждый его сценарий

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

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

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

Проверяйте интерфейс без мыши целиком: от входа на страницу до отправки формы. Если один сценарий нельзя пройти Tab, Shift+Tab, Enter и Esc, его нельзя считать доступным.
Этот пост опубликован в Telegram-канале Доступность веб-интерфейсов. Подписаться можно по ссылке: @accessibility_in_design_ww.
tech

Свежие посты в категории «Tech Infrastructure»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.