Dekorative Elemente sind nicht durchgängig ausgeblendet
Automatisierte Prüfung presentation-role-conflict, ausgeführt mit axe-core
- WCAG
- Empfehlung (Best Practice), kein WCAG-Erfolgskriterium
- Schweregrad
- Mäßig: eingeschränkte Nutzung
- Typischer Aufwand
- Schnell erledigt, unter 1 Stunde
- Kategorie
- Code-Qualität
Wen das betrifft
Screenreader- und Tastatur-Nutzer.
Warum es wichtig ist
Ein Element mit role="presentation" oder role="none", das fokussierbar ist oder ARIA-Attribute trägt, bleibt sichtbar – das „dekorative“ Element wird doch angesagt.
So beheben Sie es
Entfernen Sie tabindex und globale ARIA-Attribute von als dekorativ markierten Elementen – oder verzichten Sie auf die dekorative Rolle.
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: Code-Qualität
- ARIA-Attribute an unzulässigen Elementen
- ARIA-Rollen, die nicht zum Element passen
- Braille-ARIA-Attribute ohne gesprochene Entsprechung
- ARIA-Attribute, die für die Rolle so nicht zulässig sind
- Veraltete ARIA-Rollen im Einsatz
- Seiteninhalt ist für Hilfstechnologien ausgeblendet
- ARIA-Beschriftungen an Elementen, die keine tragen können
- ARIA-Rollen ohne erforderliche Attribute