Ce merge rău în navigarea doar cu tastatura
Cea mai frecventă greșeală în navigarea doar cu tastatura este că elementele interactive sunt vizibile, dar nu sunt accesibile cu tasta Tab. Gândiți-vă la un meniu care se deschide doar cu un clic de mouse, la un buton care nu primește focus, sau la o fereastră pop-up care nu se poate închide fără mouse. Pentru persoanele care nu pot folosi mouse din cauza limitărilor motorii, sau care controlează un cititor de ecran care se bazează pe navigarea cu tastatura, aceasta înseamnă că o parte a site-ului web este pur și simplu inutilizabilă.
Cauza se află aproape întotdeauna în elementele personalizate: un dezvoltator construiește o listă derulantă frumoasă, un selector de dată personalizat sau un filtru extensibil cu HTML și JavaScript propriu, dar uită să includă suportul pentru tastatura pe care un buton sau o legătură HTML standard îl oferă gratuit. Elementul arată bine și funcționează cu mouse-ul, deci nimeni nu observă în timpul testării că tasta Tab pur și simplu sare peste el.
De ce aceasta este adesea trecută cu vederea
Această greșeală este persistentă pentru că nu se observă cu ochiul liber. Cine trece prin intermediul unui magazin web cu un mouse, nu vede nicio problemă. Doar atunci când lăsați mouse-ul și navigați prin pagină doar cu Tab, Shift+Tab, Enter și tastele săgeți, devine clar unde navigarea se blochează. Deoarece testarea acestora rareori face parte din procesul standard de livrare, problema rămâne adesea neobservată ani de zile — până când un vizitator sau o autoritate de supraveghere se confruntă cu ea.
Un al doilea motiv este că multe dintre aceste defecte apar tocmai în locurile care sunt cel mai evidente în utilizare: pasul de finalizare a comenzii, ecranul de conectare, un filtru de căutare. Acestea sunt exact componentele care sunt adesea construite separat de restul site-ului, cu componente proprii care nu primesc întotdeauna aceeași atenție ca navigația principală.
Cum o recunoscuți singur
O verificare inițială simplă este să lăsați mouse-ul și să navigați prin fluxul unei pagini folosind doar tastatura. Acordați atenție la trei lucruri: fiecare element care se poate face clic este accesibil prin intermediul tastei Tab, este clar vizibil în orice moment care element are focus, și poate fiecare componentă care se deschide — un meniu, un filtru, o fereastră pop-up — să fie de asemenea închisă fără mouse. Dacă focus-ul se blochează într-o fereastră pop-up, sare într-un loc neașteptat, sau dispare cu totul din vedere, atunci aceasta este un semnal că trebuie lucrat.
O scanare automatizată poate detecta o parte din aceste probleme, de exemplu indicatoare de focus lipsă sau elemente fără acces la tastatura care sunt recunoscibile din punct de vedere tehnic în codul sursă. Cu toate acestea, dacă un meniu derulant poate fi navigat și controlat logic și previzibil este ceva ce o scanare nu poate evalua complet — aceasta rămâne în esență o evaluare umană. Apropo, aceasta este valabilă pentru mai multe cerințe WCAG, și noi o menținem întotdeauna în raport. porniți scanarea rapida gratuita a paginilor dumneavoastră importante pentru a vedea ce parte din acest tip de probleme este deja evidențiată automat.
Cum o evitați
Soluția se află de obicei nu în tehnologie suplimentară peste site-ul web, ci în utilizarea corectă a componentelor existente. Un buton HTML standard sau o legătură sunt în mod implicit accesibile cu Tab și pot fi operate cu Enter; cine în schimb face clic pe o bucată de text sau o imagine cu JavaScript, trebuie să adauge singur suportul pentru tastatura. Pentru componente personalizate cum ar fi meniuri, filtre și ferestre pop-up, trebuie să existe o înțelegere clară cu dezvoltatorul: fiecare componentă trebuie să poată fi deschisă, operată și închisă cu tastatura, iar focus-ul trebuie să rămână vizibil și previzibil.
Ce care nu ajută este un widget de accesibilitate care susține că remediază acest tip de defecte cu un script separat. Un astfel de overlay nu schimbă nimic în codul subiacent și, prin urmare, nimic în funcționarea reală; legea cere un site web accesibil, nu un strat peste el. Nu vindem în mod deliberat acest tip de widget.
Doriți să aflați care sunt componentele site-ului web sau aplicației dvs. care conțin acest tip de probleme structurale și cât de importante sunt acestea în lista de priorități pentru planul dvs. de îmbunătățire? În baza de cunoștințe organizată pe subiecte puteți citi pentru fiecare tip de defect ce se întâmplă, și cum se realizează exact evaluarea noastră vedeți ce parte din aceasta este evaluată automat și ce parte necesită atenție manuală.
Aveți încă întrebări cu privire la ce intră și nu intră sub această cerință, sau cu privire la restul cadrului de evaluare? Răspunsurile la întrebări frecvente oferă clarificări pentru cele mai multe dintre acestea.
Scanarea rapidă gratuită de pe axessia.eu oferă imediat o indicație dacă acest tip de probleme de tastatură apar pe site-ul dvs., fără a fi nevoie de un cont.