Доступность сайтов на WordPress

Клавиатурная навигация ломается в 3 местах чаще всего — и это легко пропустить

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

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

Ещё одна типовая ошибка — кликабельные div и span без роли, названия и управления с клавиатуры. Если элемент выглядит как кнопка, он должен вести себя как кнопка: получать фокус, нажиматься Enter/Space и быть понятным для скринридера.

Проверьте сайт вручную: откройте страницу, не трогая мышь, и пройдите весь сценарий от шапки до формы. Если где-то приходится «ловить» фокус или гадать, куда вы попали, пользователь с клавиатурой уже застрял.
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.
tech

Свежие посты в категории «Сервисы и инфраструктура»

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

start

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

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

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