Навігація з клавіатури: тест, який провалює більшість сайтів
Автор The AsasWeb team 1 хв читання
Відкладіть мишу і спробуйте виконати найважливіше завдання, користуючись лише Tab, Shift із Tab, Enter, пробілом і стрілками. Сайт проходить тест, коли фокус завжди видно, він рухається в логічному порядку, досягає кожного посилання, кнопки і поля та може вийти з будь-якого меню чи діалогу. Якщо завдання не можна завершити з клавіатури, реальна група клієнтів теж не може його завершити, а клавіатурний доступ: це фундамент, на якому будується робота зчитувачів екрана.
Ось тест, який можна провести за п’ять хвилин: відкладіть мишу і спробуйте скористатися власним сайтом лише з клавіатурою. Багато людей мусять переглядати сайти саме так, зокрема ті, хто користується читачем екрана, і багато хто з моторними особливостями. Дивовижна кількість сайтів провалює цей тест.
Як тестувати
Користуйтеся клавішею Tab, щоб рухатися вперед, Shift і Tab, щоб рухатися назад, Enter і Space, щоб активувати, та клавішами зі стрілками всередині меню. Спробуйте завершити найважливіше завдання, як-от знайти товар чи надіслати запит, не торкаючись миші.
На що звертати увагу
- Чи бачите ви, де перебуваєте? Чіткий, видимий стиль фокуса має слідувати за вами під час переходів. Якщо фокус невидимий, сайтом неможливо користуватися з клавіатури.
- Чи логічний порядок? Фокус має рухатися в осмисленому порядку читання, а не стрибати довкола.
- Чи можете ви дістатися всюди? Кожне посилання, кнопка й поле мають бути досяжними й керованими, зокрема меню та спливні вікна.
- Чи можете ви вийти? Відкрийте меню чи діалог, потім закрийте його клавішею Escape і перевірте, що фокус повертається кудись осмислено. Стежте за пастками, з яких неможливо вийти через Tab.
Чому це важливо
Якщо ви не можете завершити завдання з клавіатури, реальна група клієнтів теж не може, і вони підуть. Доступ із клавіатури це також основа, на якій будується користування читачем екрана, тож його виправлення широко підвищує доступність.
Ми проводимо прохід лише з клавіатурою на кожній збірці, зокрема для меню із захопленням фокуса, які закриваються на Escape і чисто повертають фокус. Якщо ваш сайт провалює тест із відключеною мишею, розпочніть проєкт, і ми це виправимо.