Die Tab-Reihenfolge ist die Reihenfolge, in der die Tabulatortaste durch die Bedienelemente einer Seite führt. Sie ergibt sich aus dem Quelltext und nicht aus der Anordnung auf dem Bildschirm.
- Tab-Reihenfolge
Die Reihenfolge, in der die Tabulatortaste durch die Bedienelemente führt.
Beispiel: „Die Tab-Reihenfolge springt in diesem Formular von der ersten Spalte in die zweite und wieder zurück.“Auch: Fokusreihenfolge, im Englischen Focus Order oder Tab Order. Rückwärts geht derselbe Weg mit Umschalt und Tabulator.
Abgrenzung zur Leserichtung: Beide sollen übereinstimmen, tun es aber nicht von selbst. Wer mit CSS umsortiert, verschiebt das Bild und lässt den Quelltext unberührt.
Woher sie kommt
Aus der Reihenfolge im Dokument. Der Browser geht die fokussierbaren Elemente von oben nach unten durch, so wie sie im Quelltext stehen. Was das Layout daraus macht, interessiert ihn nicht.
Deshalb entsteht die häufigste Abweichung dort, wo mit Rastern und Flexbox umsortiert wird: Die Eigenschaft order und das Einsetzen in benannte Rasterbereiche ändern das Bild, nicht den Quelltext. Sichtbar wird das erst, wenn jemand den Tabulator drückt.
Was die WCAG verlangt
Erfolgskriterium 2.4.3 „Focus Order“ verlangt auf Stufe A: Lässt sich eine Seite der Reihe nach durchlaufen und beeinflusst die Reihenfolge Bedeutung oder Bedienbarkeit, dann müssen die Elemente den Fokus in einer Reihenfolge erhalten, die Sinn und Bedienbarkeit erhält.
Geprüft wird das ohne Werkzeug: Tabulator drücken und mitlesen, wohin der Fokusindikator wandert. Springt er über die Seite, ohne dass der Inhalt dem folgt, ist das Kriterium verletzt.
Warum ein positiver tabindex schadet
Weil er sich vordrängt. Ein Wert größer als null nimmt das Element aus der normalen Reihenfolge heraus und setzt es vor alle übrigen. Ein einziges solches Attribut verschiebt damit den Einstieg der ganzen Seite.
Aus unserer Arbeit an über 2.500 Website-Projekten taucht das fast nur in übernommenen Vorlagen auf. Die Lösung ist, die Elemente im Quelltext in die richtige Reihenfolge zu bringen, und den Wert danach ganz zu streichen.