Formulare
Auswahllisten brauchen einen Namen
- Regel:
select-name - Schweregrad: Kritisch
- WCAG-Stufe A
Warum das wichtig ist
Eine Auswahlliste ohne Beschriftung wird als „Kombinationsfeld, Deutschland“ angesagt — der aktuelle Wert, ohne Hinweis darauf, was ausgewählt wird.
So beheben Sie es
- Ergänzen Sie ein <label for="…">, das zur id des select passt.
- Ist keine sichtbare Beschriftung vorgesehen, nutzen Sie aria-label.
- Ein erster Eintrag „Land wählen“ ist keine Beschriftung: Er verschwindet, sobald etwas ausgewählt ist.
Im Markup
<select id="country">...</select><label for="country">Country</label>
<select id="country">...</select>Die Anforderung dahinter
Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:
- 4.1.2 Name, Rolle, Wert (öffnet in neuem Tab) — WCAG-Stufe A
Weiterführende Quellen
Deque University zu select-name (öffnet in neuem Tab)
Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.
Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.