Sichtbarer Text weicht vom zugänglichen Namen ab
Automatisierte Prüfung label-content-name-mismatch, ausgeführt mit axe-core
- WCAG
- 2.5.3 Beschriftung im Namen (Stufe A)
- Schweregrad
- Schwerwiegend: erledigbar, aber mühsam
- Typischer Aufwand
- Schnell erledigt, unter 1 Stunde
- Kategorie
- Formulare und Bedienelemente
Wen das betrifft
Menschen mit Sprachsteuerung, die ein Bedienelement über den sichtbaren Text aktivieren.
Warum es wichtig ist
Zeigt ein Button „Jetzt kaufen“, heißt per aria-label aber „Produkt in den Warenkorb legen“, bewirkt der Sprachbefehl „Jetzt kaufen klicken“ nichts.
So beheben Sie es
Lassen Sie den zugänglichen Namen mit dem sichtbaren Text beginnen oder ihn zumindest enthalten – oder entfernen Sie das aria-label, damit der sichtbare Text verwendet wird.
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
- Schaltflächen ohne erkennbaren Text
- Formularfeld mit mehreren Beschriftungen
- Formular-Schaltflächen ohne zugänglichen Namen