Ausgeblendete Elemente sind per Tastatur fokussierbar
Automatisierte Prüfung aria-hidden-focus, ausgeführt mit axe-core
- WCAG
- 4.1.2 Name, Rolle, Wert (Stufe A)
- Schweregrad
- Schwerwiegend: erledigbar, aber mühsam
- Typischer Aufwand
- Mittel, 1 bis 4 Stunden
- Kategorie
- Tastaturbedienung
Wen das betrifft
Tastatur- und Screenreader-Nutzer.
Warum es wichtig ist
Der Fokus verschwindet in Inhalten mit aria-hidden="true" – oft ein geschlossenes Menü oder Modal – und der Nutzer steht ohne sichtbaren Cursor da. Einer der verwirrendsten Fehler überhaupt.
So beheben Sie es
Entfernen Sie ausgeblendete Inhalte auch aus der Tab-Reihenfolge (display:none, das hidden-Attribut oder inert). Kombinieren Sie aria-hidden="true" nie mit fokussierbaren Kindelementen.
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
- 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
- Positive tabindex-Werte stören die Fokusreihenfolge