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

Клавиатурная навигация ломается в 3 местах — проверьте их первым делом

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

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

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

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

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

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

start

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

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

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