Definiție
Blocarea tastaturii apare atunci când un site, o aplicație sau o componentă interactivă nu permite navigarea și utilizarea completă doar prin intermediul tastaturii. Această situație devine o barieră majoră pentru utilizatorii care nu pot folosi un mouse – fie din cauza unei dizabilități motorii, fie din motive contextuale (dispozitiv defect, mâini ocupate, preferință personală).
În mod ideal, orice element interactiv – buton, link, meniu, câmp de formular, pop-up – trebuie să poată fi accesat, activat și controlat prin taste standard precum Tab, Shift+Tab, Enter, Space sau tastele săgeți. Atunci când această funcționalitate este absentă sau implementată incorect, utilizatorul rămâne „blocat” într-o secțiune sau nu poate interacționa cu conținutul deloc.
Exemple concrete
- Un meniu drop-down care se deschide doar la hover cu mouse-ul, dar nu reacționează la taste.
- Un popup care apare pe ecran, dar nu poate fi închis cu tasta Esc și nici nu permite navigarea în interiorul lui cu Tab.
- Un formular în care cursorul nu mai poate avansa la următorul câmp după apăsarea tastei Tab, blocând complet progresul.
- Un element interactiv (ex: slider) care ignoră comenzile de la tastatură, fiind accesibil doar prin drag-and-drop.
Bune practici
- Asigură o ordine logică de navigare cu tastatura (Tab-index coerent și predictibil).
- Verifică dacă toate funcționalitățile interactive pot fi activate și controlate fără mouse.
- Folosește atribute și evenimente JavaScript care nu ignoră interacțiunea cu tastatura (
keydown,keypress). - Oferă un indicator de focus vizibil (un contur sau o schimbare de culoare clară) pentru a arăta utilizatorului unde se află în pagină
Pentru un utilizator care depinde de tastatură, blocarea tastaturii nu este un simplu inconvenient, ci o formă de excludere digitală. Este ca și cum ai construi o clădire fără rampă sau lift, apoi ai spune că este „aproape accesibilă”. Navigarea completă cu tastatura nu este un moft, ci un minim necesar pentru o experiență incluzivă.
