Фокус пользователя не случайно попадает в регион

Фокус клавиатуры никогда не должен фиксироваться или захватываться одним конкретным элементом страницы. Пользователи должны иметь возможность переходить ко всем элементам страницы и обратно, используя только клавиатуру.

Как проверить вручную

Чтобы проверить, что ваши пользователи не могут случайно перехватить фокус, переходите ко всем элементам страницы и обратно, используя только клавиатуру. Используйте TAB для перемещения «вперед» и SHIFT + TAB для перемещения «назад».

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

Узнайте больше о ручных тестах доступности .

Как исправить

Страницы, которые представляют контент в нескольких форматах, например модальные диалоги и виджеты, подвержены риску ловушек фокуса.

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

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

Мы также рекомендуем вам прочитать Modals and Keyboard Traps .

Почему это важно

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

Узнайте больше о том, как проводить тестирование с помощью вспомогательных технологий .

Ресурсы

Исходный код User Focus не случайно попадает в зону аудита региона .