Barrierefreiheit

Prüft, ob alle Formularfelder (Texteingaben, E-Mail-Felder, Telefon, Passwort, Suchfelder, Dropdowns und Textbereiche) korrekt beschriftet sind — entweder mit einem <label>-Element, einem aria-label- oder aria-labelledby-Attribut

Was wird geprüft?

Prüft, ob alle Formularfelder (Texteingaben, E-Mail-Felder, Telefon, Passwort, Suchfelder, Dropdowns und Textbereiche) korrekt beschriftet sind — entweder mit einem <label>-Element, einem aria-label- oder aria-labelledby-Attribut. Felder, die nur einen Platzhaltertext haben, gelten als unzureichend.

Warum ist das wichtig?

Screenreader können Formularfelder nur benennen, wenn ein echtes Label vorhanden ist — Platzhaltertexte verschwinden beim Tippen und werden von vielen Screenreadern ignoriert. Das BFSG schreibt Formular-Labels zwingend vor. Ohne Labels können blinde und motorisch eingeschränkte Nutzer Ihre Formulare nicht ausfüllen.

Bewertungsskala

●Alle Felder mit Labels

●Nur Platzhaltertext, keine Labels

●Felder ohne jegliche Beschriftung

Ihr nächster Schritt

💡 Empfehlung

Verknüpfen Sie jedes Eingabefeld mit einem <label>-Element: <label for="email">E-Mail</label> <input type="email" id="email">. Alternativ: aria-label="E-Mail-Adresse" direkt am Input. Behalten Sie Platzhaltertexte zusätzlich als Hilfetext.

Möchten Sie Ihre Website analysieren?

Zum kostenlosen Audit →