Fokussierbare Elemente ohne passende Rolle
Automatisierte Prüfung focus-order-semantics, ausgeführt mit axe-core
- WCAG
- Empfehlung (Best Practice), kein WCAG-Erfolgskriterium
- Schweregrad
- Mäßig: eingeschränkte Nutzung
- Typischer Aufwand
- Mittel, 1 bis 4 Stunden
- Kategorie
- Tastaturbedienung
Wen das betrifft
Tastatur- und Screenreader-Nutzer.
Warum es wichtig ist
Ein per tabindex fokussierbares <div> oder <span> ohne Rolle erhält den Fokus, wird aber nicht als bedienbares Element angesagt.
So beheben Sie es
Verwenden Sie ein natives <button> oder <a> – oder ergänzen Sie eine passende Rolle wie role="button" samt Tastaturbedienung.
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
- 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