Ce este Tabindex?

Definiție Tabindex

Tabindex este un atribut HTML care controleaza daca si in ce ordine un element primeste focus la navigarea cu tastatura (tasta Tab). tabindex="0" = ordine naturala, tabindex="-1" = exclus din navigare Tab dar focusabil programatic, tabindex pozitiv = ordine custom (nerecomandat, creeaza confuzie). Valorile pozitive mari sunt un anti-pattern.

De ce contează Tabindex

Ordinea focus-ului cu Tab determina cum parcurg pagina utilizatorii care nu folosesc mouse-ul — incluzand persoane cu dizabilitati motorii, utilizatori avansati de tastatura si operatorii de call center. O ordine haotitica a focus-ului poate face imposibila completarea unui formular de comanda sau navigarea unui meniu complex. Aproximativ 12.5% din utilizatorii web folosesc navigarea prin tastatura ca metoda principala.

Cum verifici Tabindex

SoftAudit detecteaza elementele cu tabindex pozitiv (care forteaza o ordine artificiala), elemente interactive cu tabindex="-1" care devin inaccesibile de la tastatura, si elementele non-interactive care au primit tabindex="0" fara motiv. Raportul evidentiaza secventa completa a focus-ului prin pagina.

Greșeli frecvente

Atribuirea de valori pozitive tabindex-ului (tabindex="1", "2", "3") este cea mai distructiva greseala — creeaza o ordine de focus separata de structura DOM-ului care devine imposibil de intretinut pe masura ce pagina creste. Adaugarea tabindex="0" pe div-uri si span-uri fara a adauga si keyboard event handlers le face focusabile dar neactivabile cu Enter.

Bune practici

Lasa ordinea focus-ului sa urmeze ordinea naturala a DOM-ului — restructureaza HTML-ul in loc sa fortezi tabindex pozitiv. Foloseste tabindex="0" doar pe widget-uri custom care necesita focus (si adauga keydown handler) si tabindex="-1" pentru elemente programmatic focusabile (target-uri de skip link, modale).

Întrebări frecvente

Termeni asociați