HTML/Attribute/tabindex

Der Begriff tabindex ist mehrdeutig.
Das Thema Tabindex wird in diesen Artikeln behandelt:

• das Universalattribut tabindex
• das Universalattribut tabindex bei SVG-Elementen
• Änderung/Auslesen durch JavaScript mit der tabIndex-Eigenschaft

Das tabindex-Universalattribut ermöglicht, neben Verweisen, Buttons und input-Elementen beliebige Elemente einer HTML-Datei mit Hilfe der Tabulator-Taste (↹) anzuspringen bzw. mit JavaScript zu fokussieren.

erlaubte Werte	ganze Zahl zwischen -1 und 32767 -1: Element ist nicht per Tabulator fokussierbar, aber per JavaScript 0: Element ist fokussierbar, Reihenfolge durch das Markup festgelegt >0: Sollte nicht verwendet werden. Element ist fokussierbar, Reihenfolge durch das Attribut festgelegt
default-Wert	0
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<a tabindex="3" href="https://wiki.selfhtml.org/wiki/Startseite">
<a tabindex="1" href="https://blog.selfhtml.org/">
<a tabindex="2" href="https://forum.de.selfhtml.org/">

legt für die Links abweichende Tabindex-Einstellungen fest

Beachten Sie: Die Tabindizes beziehen sich stets auf das gesamte angezeigte Dokument. Dabei werden auch Formulare sowie Verweisbereiche in Grafiken und Objekten mit einbezogen. Wenn Sie außer normalen Verweisen auch solche Elemente in Ihrer Datei haben, sollten Sie die Tabulator-Reihenfolge für alle Elemente gemeinsam festlegen. Das bedeutet aber auch, dass es in den meisten Fällen sinnvoll ist, auf eine geänderte Tabulatorreihenfolge zu verzichten..

Siehe auch

• das Universalattribut tabindex bei SVG-Elementen
• Änderung/Auslesen durch JavaScript mit tabIndex
• HTML/Tutorials/Formulare/Benutzereingaben zugänglich gestalten#Focus und Tabs (Focus und Tabs bei Formularen)

Weblinks

• W3C: attr-tabindex