Formularfeld mit mehreren Beschriftungen
Automatisierte Prüfung form-field-multiple-labels, ausgeführt mit axe-core
- WCAG
- 3.3.2 Beschriftungen oder Anweisungen (Stufe A)
- Schweregrad
- Mäßig: eingeschränkte Nutzung
- Typischer Aufwand
- Schnell erledigt, unter 1 Stunde
- Kategorie
- Formulare und Bedienelemente
Wen das betrifft
Screenreader-Nutzer, die je nach Software nur eine der Beschriftungen hören.
Warum es wichtig ist
Mehrdeutige Beschriftungen führen zu falschen Eingaben, abgebrochenen Formularen und Support-Aufwand.
So beheben Sie es
Verwenden Sie genau ein <label> pro Feld. Zusätzliche Hinweise gehören in aria-describedby.
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
- Formular-Schaltflächen ohne zugänglichen Namen
- Bild-Schaltflächen ohne Textalternative