Навигация с клавиатуры: тест, который проваливает большинство сайтов
Автор Команда AsasWeb 1 мин чтения
Отложите мышь и попробуйте выполнить свою самую важную задачу только клавишами Tab, Shift с Tab, Enter, пробелом и стрелками. Сайт проходит проверку, когда фокус всегда виден, движется в логичном порядке, достигает каждой ссылки, кнопки и поля и может выйти из любого меню или диалога. Если задачу нельзя завершить с клавиатуры, её не может завершить и реальная группа клиентов, а доступ с клавиатуры это фундамент, на котором строится работа программ чтения с экрана.
Вот тест, который можно провести за пять минут: отложите мышь и попробуйте пользоваться собственным сайтом только с клавиатуры. Многим людям приходится так просматривать сайты, включая тех, кто использует программу чтения с экрана, и многих с двигательными особенностями. Удивительное число сайтов проваливает этот тест.
Как тестировать
Используйте клавишу Tab для движения вперёд, Shift и Tab для движения назад, Enter и Space для активации и клавиши-стрелки внутри меню. Попробуйте выполнить самую важную задачу, например найти товар или отправить обращение, не касаясь мыши.
На что смотреть
- Видите ли вы, где находитесь? Чёткий видимый стиль фокуса должен следовать за вами при переходе по Tab. Если фокус невидим, сайтом нельзя пользоваться с клавиатуры.
- Логичен ли порядок? Фокус должен двигаться в разумном порядке чтения, а не прыгать.
- Можете ли вы дотянуться до всего? До каждой ссылки, кнопки и поля нужно дотянуться и управлять ими, включая меню и всплывающие окна.
- Можете ли вы выйти? Откройте меню или диалог, затем закройте его клавишей Escape и проверьте, что фокус возвращается в разумное место. Следите за ловушками, из которых нельзя выйти по Tab.
Почему это важно
Если вы не можете выполнить задачу с клавиатуры, реальная группа клиентов тоже не может, и они уйдут. Доступ с клавиатуры это ещё и фундамент, на котором строится использование программ чтения с экрана, поэтому его исправление повышает доступность в целом.
Мы проводим проход только с клавиатуры на каждой сборке, включая меню с захватом фокуса, которые закрываются по Escape и аккуратно возвращают фокус. Если ваш сайт проваливает тест с отключением мыши, начните проект, и мы это исправим.