Eigene Schaltflächen, Links oder Menüpunkte ohne zugänglichen Namen
Automatisierte Prüfung aria-command-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 Bedienelemente über ihren Namen aktivieren.
Warum es wichtig ist
Elemente mit role="button", role="link" oder role="menuitem" ohne Text werden nur als „Schaltfläche“ oder „Link“ angesagt. Ihre Funktion bleibt unklar, und per Sprachsteuerung sind sie nicht erreichbar.
So beheben Sie es
Setzen Sie sichtbaren Text in das Element oder ergänzen Sie aria-label bzw. aria-labelledby. Noch besser: Verwenden Sie ein natives <button>- oder <a>-Element.
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
- 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
- Schaltflächen ohne erkennbaren Text
- Formularfeld mit mehreren Beschriftungen
- Formular-Schaltflächen ohne zugänglichen Namen
- Bild-Schaltflächen ohne Textalternative