Barrierefreiheit

Positiver tabindex-Wert verbogen die Tab-Reihenfolge

Üblicher Schweregrad: mittel · Aufwand: gering

Woran du es erkennst

Elemente nutzen tabindex="1" oder höher (axe-Regel tabindex), um die Fokus-Reihenfolge künstlich zu steuern, statt die DOM-Reihenfolge zu korrigieren.

Warum es zählt

Positive tabindex-Werte ziehen Elemente vor den gesamten restlichen Dokumentfluss: Tastaturnutzer springen scheinbar willkürlich durch die Seite, finden Inhalte nicht wieder und übersehen dazwischenliegende Controls — die Seite fühlt sich kaputt an, obwohl sie „funktioniert".

So behebst du es

  1. Ersetze alle positiven tabindex-Werte durch tabindex="0" (fokussierbar machen) oder entferne das Attribut komplett.
  2. Bringe die DOM-Reihenfolge in die gewünschte Lesereihenfolge — visuelle Umordnung per CSS (order, Grid) entkoppelt Optik und Fokusreihenfolge und ist die eigentliche Ursache.
  3. Nutze tabindex="-1" nur für programmatisch fokussierte Ziele (Dialoge, Skip-Link-Ziele), nie für interaktive Controls im normalen Fluss.

Zum Nachlesen