Управление с клавиатуры — альтернативный способ навигации по интерфейсу продукта. Убедитесь, что пользователю очевидно положение фокуса, а переход между элементами логичен.
У Саши воспаление сухожилий — он не может пользоваться мышью. Для навигации в интернете он пользуется клавиатурой. Когда фокус прыгает по странице рандомно, Саша теряется.
Артем — незрячий, он использует скринридер для навигации в интернете. Когда всплывает модальное окно, которое не получает клавиатурный фокус, он даже не знает, что оно появилось.
Горячие клавиши для использования VoiceOver на Mac
Горячие клавиши для JAWs и NVDA на Windows
Чтение текста текущего элемента Стрелки влево/вправо Активация элемента Enter или Пробел Навигация по заголовкам H Навигация по кнопкам B Активация ротора Ctrl + Alt + U Навигация по полям ввода E Заголовок текущего окна Insert + T
<aside> 💡 За детальной информацией можно обратиться к рекомендациям по веб-разработке. С примерами верстки доступных элементов ознакомиться в библиотеке паттернов доступных элементов, а также на сайте ассоциации W3C.
</aside>
WCAG 2.1