HTML
tabIndex
Sök…
parametrar
| Värde | Menande |
|---|---|
| negativ | elementet är fokuserbart, men det bör inte nås via sekventiell tangentbordsnavigering |
| 0 | elementet är fokuserbart och kan nås via tangentbordssekvensnavigering, men den relativa ordningen definieras av plattformskonventionen |
| positiv | element måste vara fokuserbara och tillgängliga via sekventiell tangentbordsnavigering; den relativa ordningen kommer att definieras av attributvärdet: sekvensen följer det ökande antalet tabindex |
Anmärkningar
tabindex för tabindex bör inte överstiga 32767 enligt W3C avsnitt 17.11.1 Om inte standardvärdet är -1
Ett element med ett värde på 0, ett ogiltigt värde eller inget tabindex ska placeras efter elementen med ett positivt index i sekvensordning för tangentbordsnavigering.
Lägg till ett element i flikordningen
<div tabindex="0">Some button</div>
Obs : Försök att använda en inbyggd HTML- button eller a tagg där det är lämpligt.
Ta bort ett element från flikordningen
<button tabindex="-1">This button will not be reachable by tab</button>
Elementet kommer att tas bort från flikordern men kan fortfarande vara fokuserbart.
Definiera en anpassad flikorder (rekommenderas inte)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
Positiva värden sätter in elementet i flikorderns position för dess respektive värde. Element utan preferens (dvs tabindex="0" eller ursprungliga element som button och a ) läggs till efter de som föredras.
Positiva värden rekommenderas inte eftersom de stör störningens förväntade beteende och kan förvirra människor som förlitar sig på skärmläsare. Försök att skapa en naturlig ordning genom att ordna om din DOM-struktur.