Accesibilitate

Navigarea cu tastatura: testul pe care îl pică majoritatea site-urilor

De Echipa AsasWeb 2 min de citit

Lasă mouse-ul deoparte și încearcă să finalizezi cea mai importantă sarcină folosind doar Tab, Shift și Tab, Enter, Space și tastele săgeți. Un site trece testul când focalizarea este mereu vizibilă, se mișcă într-o ordine logică, ajunge la fiecare link, buton și câmp și poate ieși din orice meniu sau dialog. Dacă o sarcină nu poate fi terminată de la tastatură, un grup real de clienți nu o poate termina nici el, iar accesul de la tastatură este fundația pe care se sprijină folosirea cititoarelor de ecran.

Iată un test pe care îl poți rula în cinci minute: pune mouse-ul deoparte și încearcă să îți folosești propriul site doar cu tastatura. Mulți oameni trebuie să navigheze astfel, inclusiv unii care folosesc un cititor de ecran și mulți cu diferențe motorii. Un număr surprinzător de site-uri pică acest test.

Cum să testezi

Folosește tasta Tab pentru a înainta, Shift și Tab pentru a merge înapoi, Enter și Space pentru a activa și tastele săgeată în interiorul meniurilor. Încearcă să îți finalizezi cea mai importantă sarcină, cum ar fi găsirea unui produs sau trimiterea unei solicitări, fără să atingi mouse-ul.

La ce să te uiți

  • Poți vedea unde te afli? Un stil de focus clar, vizibil, trebuie să te urmeze pe măsură ce navighezi cu Tab. Dacă focusul este invizibil, site-ul nu poate fi folosit cu tastatura.
  • Este ordinea logică? Focusul ar trebui să se miște într-o ordine de citire firească, nu să sară aleatoriu.
  • Poți ajunge la tot? Fiecare link, buton și câmp trebuie să poată fi atins și acționat, inclusiv meniurile și ferestrele pop-up.
  • Poți ieși? Deschide un meniu sau o fereastră de dialog, apoi închide-o cu tasta Escape și verifică dacă focusul revine undeva firesc. Atenție la capcanele din care nu poți ieși cu Tab.

De ce contează

Dacă nu poți finaliza o sarcină de la tastatură, un grup real de clienți nu poate nici el, și vor pleca. Accesul de la tastatură este și fundația pe care se construiește utilizarea cititoarelor de ecran, așa că repararea lui ridică accesibilitatea în general.

Rulăm o trecere doar cu tastatura la fiecare proiect, inclusiv meniuri cu focus prins care se închid la Escape și readuc focusul curat. Dacă site-ul tău pică testul deconectării mouse-ului, începe un proiect și îl vom repara.

Vrei acest standard pe propriul tău site?

Spune-ne despre proiectul tău și îți vom răspunde cu pași următori onești și practici.