Tabindex

Introdotto come attribute nelle specifiche dell’HTML4, tabindex descrive l’ordine degli elementi quando si naviga con la tastiera (operazione fatta premendo il TAB).

Il tabindex standard è l’ordine con cui appaiono gli elementi nel sorgente. Poichè alterare l’ordine degli elementi causa una differente lettura e interazione rispetto all’utilizzo del mouse, il cambio di questo attributo è fortemente sconsigliato.

tabindex=0

Questo valore forza la navigazione da tastiera a “prendere in considerazione” un particolare elemento, ad esempio uno span, o un p. Questo serve per far sì che alcuni elementi della pagina non-interattivi possano comunque essere raggiunti/letti dal TAB della tastiera.

tabindex=-1

Rimuove un elemento dall’indice TAB. L’elemento può ancora ricevere focus, tramite link o JS. Può essere utile nel caso di interazioni più complesse (hamburger menu o sottomenù).