Zum Hauptinhalt springen
Konform
KritischBarrierefreiheitgilt je Seite

Formularfelder ohne Beschriftung

Prüft jedes Eingabefeld, jede Auswahlliste und jedes Textfeld darauf, ob es über <label for>, aria-label, aria-labelledby oder eine umschließende <label> benannt ist.

Warum das zählt

Ohne programmatisch verknüpfte Beschriftung weiß ein Screenreader nicht, was in ein Feld gehört – der Nutzer hört nur „Eingabefeld“. Formulare werden dadurch unbenutzbar, was gerade Kontakt- und Bestellstrecken betrifft (WCAG 1.3.1 und 3.3.2).

So behebst du es

Verknüpfe jedes Feld mit einem <label for="id">. Ein Platzhalter ist kein Ersatz: er verschwindet beim Tippen und wird von manchen Screenreadern ignoriert.

Problematisch

<input type="email" placeholder="E-Mail">

So ist es richtig

<label for="email">E-Mail-Adresse</label>
<input type="email" id="email" name="email">

Einordnung des Schweregrads

Macht die Nutzung für betroffene Personen unmöglich oder verletzt eine ausdrückliche gesetzliche Pflicht. Verstöße dieser Kategorie fließen entsprechend stark in die Gesamtbewertung ein.

Ausführliche Anleitungen

Diese Seite beschreibt eine technisch messbare Prüfung und ist keine Rechtsberatung. Für eine verbindliche Bewertung deiner Situation wende dich an eine Rechtsanwältin oder einen Rechtsanwalt.