Glossar
Formular-Label (Beschriftung)
WCAG 3.3.2 Beschriftungen oder Anweisungen (A)
Ein Formular-Label ist die programmatisch mit einem Eingabefeld verknüpfte Beschriftung. Im HTML wird ein <label>-Element über das for-Attribut mit der id des Feldes verbunden. Diese Verknüpfung sorgt dafür, dass Screenreader beim Erreichen eines Feldes ansagen, was dort einzugeben ist – etwa „E-Mail-Adresse“ oder „Postleitzahl“. Ein sichtbarer Text neben dem Feld reicht technisch nicht: Ohne die Verknüpfung weiß die assistive Technologie nicht, dass Text und Feld zusammengehören. Ein positiver Nebeneffekt: Klickt man auf ein korrekt verknüpftes Label, wird das zugehörige Feld fokussiert – das vergrößert die Klickfläche, was besonders auf Touchscreens hilft. Platzhaltertexte (placeholder) sind kein Ersatz für Labels, da sie beim Tippen verschwinden und oft zu geringen Kontrast haben. Fehlende Beschriftungen gehören zu den kritischsten Barrieren, weil sie Kontaktformulare und Checkout-Prozesse für Screenreader-Nutzende unbenutzbar machen – mit direkten Folgen für Anfragen und Umsätze. WCAG 3.3.2 und 4.1.2 fordern eindeutige Beschriftungen.
Praxis-Tipp: Kontaktformulare und Checkout ohne Labels werden für assistive Technologien unbenutzbar – Sie verlieren Anfragen und Bestellungen.