Eigene Checkboxen, Schalter oder Radio-Buttons ohne zugänglichen Namen
Automatisierte Prüfung aria-toggle-field-name, ausgeführt mit axe-core
- WCAG
- 4.1.2 Name, Rolle, Wert (Stufe A)
- Schweregrad
- Blockierend: Aufgabe nicht erledigbar
- Typischer Aufwand
- Schnell erledigt, unter 1 Stunde
- Kategorie
- Formulare und Bedienelemente
Wen das betrifft
Screenreader-Nutzer sowie Menschen mit Sprachsteuerung.
Warum es wichtig ist
Ein Schalter ohne Namen wird als „Kontrollkästchen, nicht aktiviert“ angesagt, ohne Hinweis darauf, was er steuert – etwa die Newsletter-Einwilligung oder die Zustimmung zu den AGB im Bestellprozess.
So beheben Sie es
Verknüpfen Sie eine sichtbare Beschriftung über aria-labelledby oder ergänzen Sie aria-label. Ein natives <input type="checkbox"> mit <label> braucht gar kein ARIA.
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
- Dialoge ohne zugänglichen Namen
- Eigene Eingabe-Widgets 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