Schaltflächen ohne erkennbaren Text
Automatisierte Prüfung button-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, die den Namen eines Bedienelements aussprechen müssen, um es zu aktivieren.
Warum es wichtig ist
Eine unbeschriftete Schaltfläche wird nur als „Schaltfläche“ angesagt, ohne Hinweis auf ihre Funktion. Betrifft das die Kasse, einen Schließen- oder Absenden-Button, kann der Kauf nicht abgeschlossen werden – genau der Fall, auf den das BFSG zielt.
So beheben Sie es
Setzen Sie Text in den <button> oder ergänzen Sie aria-label="Dialog schließen". Behalten Sie bei Symbol-Buttons ein visuell verstecktes Textlabel, damit die Sprachsteuerung funktioniert.
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
- Eigene Checkboxen, Schalter oder Radio-Buttons ohne zugänglichen Namen
- Formularfelder mit ungültigen autocomplete-Werten
- Formularfeld mit mehreren Beschriftungen
- Formular-Schaltflächen ohne zugänglichen Namen
- Bild-Schaltflächen ohne Textalternative