Клавиатурная навигация: 7 ошибок, из-за которых сайт ломается без мыши
Если страницу нельзя пройти Tab’ом, часть пользователей просто не дойдёт до кнопки, формы или меню. Это не “мелкий баг”, а сломанный сценарий.
Проверьте базу: • фокус виден на каждом интерактивном элементе; • порядок перехода логичен; • фокус не уходит в скрытые блоки; • модальные окна и выпадающие меню можно закрыть клавишей Esc.
Частая ошибка — прятать outline без замены. Ещё одна — делать кликабельным div без роли, tabindex и обработки Enter/Space. Для ссылки, кнопки и поля формы должны работать стандартные клавиши, иначе навигация становится угадайкой.
Отдельно смотрите на “ловушки фокуса”: слайдеры, бургер-меню, попапы и кастомные селекты. Пользователь должен попасть внутрь, пройти элементы по порядку и выйти обратно без тупика. Если этого нет, доступность уже просела. ⌨️
Перед публикацией пройдите весь путь только с клавиатуры: от шапки до формы и отправки. Если где-то хочется взять мышь — место проблемы уже найдено.
Доступность сайтов на WordPress
@wp_accessibility_lab_ww
Клавиатурная навигация: 7 ошибок, из-за которых сайт ломается без мыши
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.