Was ist ein tabindex?

Der tabindex ist ein HTML-Attribut, das die Tabulatorreihenfolge von interaktiven Elementen auf einer Webseite steuert. Er ermöglicht es Entwicklern, die Reihenfolge festzulegen, in der Elemente den Fokus erhalten, wenn der Benutzer die Tabulatortaste verwendet [1].

Einige wichtige Werte für das tabindex-Attribut sind:

• tabindex="0": Das Element ist fokussierbar und wird in der natürlichen Tabulatorreihenfolge der Seite berücksichtigt.
• tabindex="-1": Das Element ist fokussierbar, aber wird nicht in der Tabulatorreihenfolge berücksichtigt. Es kann nur programmgesteuert fokussiert werden.
• tabindex="positive Zahl": Das Element ist fokussierbar und wird in der Tabulatorreihenfolge vor Elementen mit tabindex="0" berücksichtigt. Die Reihenfolge wird durch die Höhe der Zahl bestimmt (niedrigere Zahlen zuerst).

Die Verwendung des tabindex-Attributs ist wichtig für die Zugänglichkeit von Webseiten, da es sicherstellt, dass Benutzer, die Tastatur-Navigation verwenden, eine logische und vorhersehbare Reihenfolge beim Navigieren durch interaktive Elemente haben.

Weitere Informationen zum tabindex-Attribut findest Du in der offiziellen Dokumentation [1].

1. WHATWG, „HTML Standard — The tabindex attribute“. 2024. [Online]. Verfügbar unter: https://html.spec.whatwg.org/multipage/interaction.html#attr-tabindex ⤴