Formularfelder ohne zugeordnete Beschriftung
Automatisierte Prüfung label, ausgeführt mit axe-core
- WCAG
- 4.1.2 Name, Rolle, Wert (Stufe A)
- Schweregrad
- Blockierend: Aufgabe nicht erledigbar
- Typischer Aufwand
- Mittel, 1 bis 4 Stunden
- Kategorie
- Formulare und Bedienelemente
Wen das betrifft
Screenreader-Nutzer, Sprachsteuerungs-Nutzer und Menschen mit kognitiven Einschränkungen, die auf dauerhaft sichtbare Beschriftungen angewiesen sind.
Warum es wichtig ist
Ohne programmatisch verknüpfte Beschriftung hört der Nutzer nur „Eingabefeld, leer“ und weiß nicht, was er eintragen soll. Platzhaltertext ist kein Ersatz: Er verschwindet beim Tippen und hat meist zu wenig Kontrast. Unbeschriftete Felder in Kasse und Kontaktformular kosten direkt Umsatz.
So beheben Sie es
Verknüpfen Sie ein <label for="id"> mit der id des Feldes oder umschließen Sie das Feld mit dem Label. Behalten Sie die sichtbare Beschriftung bei, statt nur einen Platzhalter zu verwenden.
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