HTML
tabindex
Zoeken…
parameters
| Waarde | Betekenis |
|---|---|
| negatief | element zal kunnen worden scherpgesteld, maar het zou niet bereikbaar moeten zijn via sequentiële toetsenbordnavigatie |
| 0 | element zal scherpstelbaar en bereikbaar zijn via toetsenbord sequentiële navigatie, maar de relatieve volgorde wordt bepaald door de platformconventie |
| positief | element moet scherpstelbaar zijn en toegankelijk via opeenvolgende toetsenbordnavigatie; de relatieve volgorde wordt bepaald door de kenmerkwaarde: de sequentiële volgorde volgt het toenemende aantal van de tabindex |
Opmerkingen
De maximale waarde voor tabindex mag 32767 niet overschrijden volgens W3C paragraaf 17.11.1 Tenzij de gespecificeerde standaardwaarde -1 is
Een element met een waarde van 0, een ongeldige waarde of geen tabindex moet achter de elementen met een positieve index worden geplaatst in de volgorde van toetsenbordnavigatie.
Voeg een element toe aan de tabvolgorde
<div tabindex="0">Some button</div>
Opmerking: Probeer om een native HTML button of a tag waar nodig.
Verwijder een element uit de tabvolgorde
<button tabindex="-1">This button will not be reachable by tab</button>
Het element wordt uit de tabvolgorde verwijderd, maar kan nog steeds worden scherpgesteld.
Een aangepaste tabvolgorde definiëren (niet aanbevolen)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
Positieve waarden zullen het element invoegen op de tabvolgordepositie van zijn respectieve waarde. Elementen zonder voorkeur (bijv. tabindex="0" of native elementen zoals button en a ) worden toegevoegd na die met voorkeur.
Positieve waarden worden niet aanbevolen, omdat ze het verwachte gedrag van tabs verstoren en mensen die afhankelijk zijn van screenreaders kunnen verwarren. Probeer een natuurlijke volgorde te creëren door uw DOM-structuur te herschikken.