Dialoge ohne zugänglichen Namen
Automatisierte Prüfung aria-dialog-name, 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
- Formulare und Bedienelemente
Wen das betrifft
Screenreader-Nutzer, wenn sich etwas öffnet – etwa ein Cookie-Banner, eine Newsletter-Einblendung oder der Warenkorb.
Warum es wichtig ist
Der Dialog wird nur als „Dialog“ angesagt – Nutzer wissen nicht, was erschienen ist und warum der Fokus dorthin gesprungen ist.
So beheben Sie es
Ergänzen Sie am Element mit role="dialog" oder role="alertdialog" ein aria-labelledby, das auf die Dialog-Überschrift zeigt, oder ein aria-label.
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: Formulare und Bedienelemente
- Eigene Schaltflächen, Links oder Menüpunkte ohne zugänglichen Namen
- Eigene Eingabe-Widgets ohne zugänglichen Namen
- Eigene Checkboxen, Schalter oder Radio-Buttons ohne zugänglichen Namen
- Formularfelder mit ungültigen autocomplete-Werten
- Schaltflächen ohne erkennbaren Text
- Formularfeld mit mehreren Beschriftungen
- Formular-Schaltflächen ohne zugänglichen Namen
- Bild-Schaltflächen ohne Textalternative