Eigene Eingabe-Widgets ohne zugänglichen Namen

Automatisierte Prüfung aria-input-field-name, 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 bei selbst gebauten Auswahlfeldern, Schiebereglern und Datumswählern.

Warum es wichtig ist

Eigenbau-Widgets, die native Eingabefelder ersetzen, verlieren fast immer ihren Namen – ohne Sicht sind sie dann nicht bedienbar.

So beheben Sie es

Ergänzen Sie aria-label oder aria-labelledby an dem Element mit der ARIA-Rolle. Nutzen Sie wo möglich native HTML-Elemente – die sind von Haus aus barrierefrei.

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.

Jetzt kostenlos prüfen

Verwandte Prüfungen: Formulare und Bedienelemente

Alle Prüfungen