Positive tabindex-Werte stören die Fokusreihenfolge
Automatisierte Prüfung tabindex, ausgeführt mit axe-core
- WCAG
- Empfehlung (Best Practice), kein WCAG-Erfolgskriterium
- Schweregrad
- Schwerwiegend: erledigbar, aber mühsam
- Typischer Aufwand
- Mittel, 1 bis 4 Stunden
- Kategorie
- Tastaturbedienung
Wen das betrifft
Tastatur-Nutzer.
Warum es wichtig ist
Jeder tabindex über 0 zieht das Element seitenweit an den Anfang der Tab-Reihenfolge – der Fokus springt unvorhersehbar und passt nicht zum sichtbaren Layout.
So beheben Sie es
Verwenden Sie nur tabindex="0" (fokussierbar in natürlicher Reihenfolge) oder tabindex="-1" (nur per Skript fokussierbar). Ändern Sie die Reihenfolge über die DOM-Struktur.
Prüfen Sie Ihre eigene Website
Der kostenlose Check prüft 3 Seiten nach WCAG 2.2 (Stufen A und AA) in etwa 30 Sekunden. Ohne Anmeldung.
Verwandte Prüfungen: Tastaturbedienung
- Doppelte Access-Keys
- Ausgeblendete Elemente sind per Tastatur fokussierbar
- Elemente mit role="text" enthalten fokussierbare Inhalte
- Keine Möglichkeit, wiederholte Navigation zu überspringen
- Fokussierbare Elemente ohne passende Rolle
- Frames mit Bedienelementen per Tastatur nicht erreichbar
- Scrollbare Bereiche per Tastatur nicht erreichbar
- Sprunglinks führen ins Leere