Фокус клавиатуры никогда не должен фиксироваться или захватываться одним конкретным элементом страницы. Пользователи должны иметь возможность переходить ко всем элементам страницы и обратно, используя только клавиатуру.
Как проверить вручную
Чтобы проверить, что ваши пользователи не могут случайно перехватить фокус, переходите ко всем элементам страницы и обратно, используя только клавиатуру. Используйте TAB для перемещения «вперед» и SHIFT + TAB для перемещения «назад».
Если вы не можете успешно просмотреть все элементы страницы, значит, вы не прошли тест. При тестировании обращайте особое внимание на виджеты автозаполнения, в которых фокус клавиатуры может застрять.
Как исправить
Страницы, которые представляют контент в нескольких форматах, например модальные диалоги и виджеты, подвержены риску ловушек фокуса. В случае отображения модального окна, когда вы не хотите, чтобы пользователь взаимодействовал с остальной частью страницы, имеет смысл временно захватить пользователя.
Но вы также должны стремиться предоставить доступный с клавиатуры способ выхода из модального окна. Посмотрите этот пример о том, как создать доступное модальное окно . См. также Модальные окна и ловушки клавиатуры . В этом примере вы получаете желаемое поведение модального окна, не заставляя пользователя обновлять страницу, чтобы выйти из ловушки фокуса.
Почему это важно
Для пользователей, которые не могут или не хотят использовать мышь, навигация с помощью клавиатуры является основным средством доступа ко всему на экране. Удобство работы с клавиатурой зависит от логического порядка табуляции и легко различимых стилей фокусировки. Если пользователь клавиатуры попадает в ловушку определенного элемента страницы, у него нет возможности взаимодействовать со страницей.
Узнайте больше в разделе «Как провести проверку доступности» .
Ресурсы
Исходный код для User Focus не случайно попадает в зону аудита региона.