Достъпност

Навигация с клавиатура: тестът, който повечето сайтове провалят

От The AsasWeb team 1 мин четене

Оставете мишката настрана и опитайте да завършите най-важната си задача само с Tab, Shift и Tab, Enter, интервал и стрелките. Сайтът минава теста, когато фокусът е винаги видим, движи се в логичен ред, достига всяка връзка, бутон и поле и може да излезе от всяко меню или диалог. Ако една задача не може да се завърши с клавиатура, реална група клиенти също не може да я завърши, а клавиатурният достъп е основата, върху която стъпва работата с екранен четец.

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

Как да тествате

Използвайте клавиша Tab, за да се движите напред, Shift и Tab, за да се движите назад, Enter и Space, за да активирате, и клавишите със стрелки в менютата. Опитайте да завършите най-важната си задача, като намиране на продукт или изпращане на запитване, без да докосвате мишката.

Какво да търсите

  • Виждате ли къде сте? Ясен, видим стил на фокус трябва да ви следва, докато табвате. Ако фокусът е невидим, сайтът е неизползваем с клавиатура.
  • Логичен ли е редът? Фокусът трябва да се движи в смислен ред на четене, а не да скача наоколо.
  • Можете ли да достигнете всичко? Всяка връзка, бутон и поле трябва да бъдат достижими и операбилни, включително менютата и изскачащите прозорци.
  • Можете ли да излезете? Отворете меню или диалог, после го затворете с клавиша Escape и проверете дали фокусът се връща някъде смислено. Внимавайте за капани, от които не можете да табнете навън.

Защо има значение

Ако не можете да завършите задача с клавиатура, реална група клиенти също не може и те ще си тръгнат. Достъпът с клавиатура е и основата, върху която е изградена употребата на екранен четец, затова поправянето му повишава достъпността широко.

Извършваме преминаване само с клавиатура при всяко изграждане, включително менюта с уловен фокус, които се затварят с Escape и връщат фокуса чисто. Ако вашият сайт проваля теста с изключването на мишката, започнете проект и ние ще го поправим.

Искате този стандарт на собствения си сайт?

Разкажете ни за проекта си и ще отговорим с честни, практични следващи стъпки.