A: ARIA-inputs müssen einen zugänglichen Namen (accessible name) besitzen (WCAG 4.1.2)

• Bedeutung
• Auswirkung
• Empfehlung
• Beispiele

Stellt sicher, dass jeder ARIA-input einen zugänglichen Namen (accessible name) besitzt.

Das bedeutet

Eingabefelder mit ARIA-Rollen wie role="textbox", role="combobox", role="spinbutton" oder role="searchbox" haben keinen zugänglichen Namen. Ohne Name können Screenreader den Zweck des Feldes nicht ansagen und Nutzerinnen und Nutzer wissen nicht, was sie eingeben sollen. Ein Placeholder ersetzt kein Label.

Auswirkung

Unklare oder namenlose Felder führen zu Fehlbedienungen, abgebrochenen Vorgängen und Verstößen gegen WCAG. Formulare werden schwer nutzbar, besonders für Screenreader und Tastaturnutzung.

Empfehlung

• Bevorzugt native Inputs mit sichtbarem <label> verwenden.
• Falls ARIA-Rollen genutzt werden, den Namen über aria-label oder aria-labelledby vergeben.
• Platzhalter nicht als alleinige Benennung verwenden.

Beispiel

Problematisch

<div role="textbox"></div>

Besser

<div role="textbox" aria-label="Name"></div>

Am besten (native Elemente)

<label for="name">Name</label>
<input id="name" type="text" />

Verknüpftes WCAG-Kriterium:
WCAG 4.1.2 - Name, Rolle, Wert