HTML
tabindex
Ricerca…
Parametri
| Valore | Senso |
|---|---|
| negativo | l'elemento sarà focalizzabile, ma non dovrebbe essere raggiungibile tramite la navigazione sequenziale della tastiera |
| 0 | l'elemento sarà focalizzabile e raggiungibile tramite la navigazione sequenziale della tastiera, ma l'ordine relativo è definito dalla convenzione della piattaforma |
| positivo | l'elemento deve essere focalizzabile e accessibile tramite la navigazione sequenziale della tastiera; il suo ordine relativo sarà definito dal valore dell'attributo: il sequenziale segue il numero crescente del tabindex |
Osservazioni
Il valore massimo per tabindex non deve superare 32767 come da sezione W1C 17.11.1 A meno che il valore predefinito specificato sia -1
Un elemento con valore 0, un valore non valido o nessun valore tabindex deve essere posizionato dopo gli elementi con un indice positivo nell'ordine sequenziale della navigazione da tastiera.
Aggiungi un elemento all'ordine di tabulazione
<div tabindex="0">Some button</div>
Nota: Provare a utilizzare un codice HTML nativo button o un a tag, se del caso.
Rimuovi un elemento dall'ordine di tabulazione
<button tabindex="-1">This button will not be reachable by tab</button>
L'elemento verrà rimosso dall'ordine di tabulazione ma sarà ancora selezionabile.
Definire un ordine di tabulazione personalizzato (non consigliato)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
I valori positivi inseriranno l'elemento nella posizione dell'ordine di tabulazione del rispettivo valore. Gli elementi senza preferenze (es. tabindex="0" o elementi nativi come button e a ) saranno aggiunti dopo quelli con preferenza.
I valori positivi non sono raccomandati in quanto interrompono il comportamento previsto del tabbing e potrebbero confondere le persone che si affidano agli screen reader. Prova a creare un ordine naturale riorganizzando la tua struttura DOM.