Start › Wissen › WCAG-Kriterium

Formular-Beschriftung nach WCAG

Jedes Formularfeld muss eine programmatisch zugeordnete Beschriftung haben, damit Screenreader-Nutzer wissen, was einzugeben ist, und der Klick aufs Label das Feld fokussiert.

Der richtige Weg

<label for="email">E-Mail</label><input id="email"> — oder das Feld ins <label> einschließen. aria-label / aria-labelledby nur, wenn kein sichtbares Label möglich ist.

Warum ein Placeholder nicht reicht

Der Placeholder verschwindet bei der Eingabe, hat oft zu wenig Kontrast und wird von manchen Screenreadern nicht als Beschriftung erkannt.

Fehlermeldungen

Fehler mit dem Feld verknüpfen (aria-describedby) und den Text konkret formulieren („Bitte gültige E-Mail eingeben“, nicht „Fehler“).

Wie a11yglass hilft

Der kostenlose Scan prüft das ausgelieferte HTML und CSS auf automatisch erkennbare WCAG-Verstöße und nennt je Befund das Erfolgskriterium und eine konkrete Maßnahme. Er findet grob 20–35 % der Probleme und ersetzt keine vollständige Prüfung.

Weiterlesen

• Alt-Texte nach WCAG 1.1.1
• Tastaturbedienung nach WCAG 2.1.1
• Sichtbarer Fokus nach WCAG 2.4.7

Allgemeine Information nach bestem Wissen, kein Rechtsrat. Für den Einzelfall eine auf IT-Recht spezialisierte Kanzlei hinzuziehen.