Formulare

Platzhalter als einziges Label

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Ein Eingabefeld hat kein sichtbares Label, nur einen Platzhalter — Screenreader lesen ihn als Namen, sehende Nutzer verlieren ihn beim ersten Tastendruck.

Warum es zählt

Der Platzhalter verschwindet, sobald jemand tippt: Wer unterbrochen wird oder einen Fehler korrigieren muss, sieht nicht mehr, was das Feld verlangt (WCAG 3.3.2). Das Feld hat aber einen zugänglichen Namen, es ist kein namenloses Feld.

So behebst du es

  1. Setze ein sichtbares `<label for="…">` über oder neben das Feld; der Platzhalter bleibt nur als Beispiel.
  2. Wenn das Design kein Label erlaubt, nutze ein Floating Label, das nach dem Tippen verkleinert sichtbar bleibt.
  3. Kennzeichne Pflichtfelder im Label (Stern + Legende), nicht im Platzhalter.

Zum Nachlesen