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

Клавиатура должна работать без мыши: иначе интерфейс уже ломается

Клавиатура должна работать без мыши: иначе интерфейс уже ломается

Проверьте базовую цепочку: Tab двигает фокус по логичным элементам, Shift+Tab возвращает назад, Enter и Space срабатывают там, где ожидается действие. Если кнопка выглядит как кнопка, она должна вести себя как кнопка, а не как «div с кликом».

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

Отдельная зона риска — кастомные компоненты: выпадающие списки, табы, карусели, меню. У них должны работать стрелки, Esc, Home и End там, где это уместно, а активный элемент обязан быть видимым. Не прячьте фокусный индикатор: outline не враг, а ориентир.

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

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

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

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

start

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

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

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