HTML
Tabindex
Suche…
Parameter
| Wert | Bedeutung |
|---|---|
| Negativ | Das Element wird fokussierbar sein, es sollte jedoch nicht über die sequentielle Tastaturnavigation erreichbar sein |
| 0 | Das Element kann über die sequentielle Tastaturnavigation fokussiert und erreicht werden, seine relative Reihenfolge wird jedoch durch die Plattformkonvention festgelegt |
| positiv | Das Element muss fokussierbar und über die sequentielle Tastaturnavigation zugänglich sein. Die relative Reihenfolge wird durch den Attributwert definiert: Das sequentielle folgt der aufsteigenden Nummer des tabindex |
Bemerkungen
Der Höchstwert für tabindex sollte 32767 gemäß W3C-Abschnitt 17.11.1 nicht überschreiten, sofern der Standardwert nicht -1 ist
Ein Element mit dem Wert 0, einem ungültigen Wert oder keinem tabindex Wert sollte nach den Elementen mit einem positiven Index in der Reihenfolge der Tastaturnavigation angeordnet werden.
Fügen Sie der Tab-Reihenfolge ein Element hinzu
<div tabindex="0">Some button</div>
Hinweis: Versuchen Sie eine native HTML verwenden button oder einen a Tag , wo angemessen.
Entfernen Sie ein Element aus der Tab-Reihenfolge
<button tabindex="-1">This button will not be reachable by tab</button>
Das Element wird aus der Tab-Reihenfolge entfernt, kann jedoch weiterhin fokussiert werden.
Definieren einer benutzerdefinierten Tab-Reihenfolge (nicht empfohlen)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
Bei positiven Werten wird das Element an der Tabulatorreihenfolge des entsprechenden Werts eingefügt. Elemente ohne Präferenz (dh tabindex="0" oder native Elemente wie button und a werden nach denen mit Präferenz angehängt.
Positive Werte werden nicht empfohlen, da sie das erwartete Tabbing-Verhalten stören und möglicherweise Personen verwirren, die auf Screenreader angewiesen sind. Versuchen Sie, eine natürliche Reihenfolge zu erstellen, indem Sie Ihre DOM-Struktur neu anordnen.