Barrierefreie Formulare

Das Modul repariert fehlende Beschriftungen, Markierungen für Pflichtfelder und Fehler-Verknüpfungen. Dies gilt für Kontakt-, Bestell- und Login-Formulare.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Formulare sind oft ein Problem für Nutzer von Screenreadern. Fehlt das Etikett, weiß die Software nicht, für was das Feld ist. Fehlt die Fehler-Verknüpfung, werden Fehlermeldungen nicht vorgelesen. Das Modul prüft alle Formulare auf der Seite. Es ergänzt fehlende Attribute, Beschriftungen und Markierungen für Pflichtfelder.

So implementiert das Plugin es

Technische Maßnahmen

Label-for-Anbindung: ergänzt fehlende `for`-Attribute auf `` per ID-Matching.
Pflichtfeld-Aria: setzt `aria-required="true"` und `aria-invalid` bei Validierungs-Fehler.
Fehlertext-Verknüpfung: validierungs-`` bekommt eine ID, Eingabefeld bekommt `aria-describedby`.
Fieldset/Legend: bei Radio-Gruppen ohne `
` wird das Group-Wrapper-Element automatisch nachgerüstet.
Autocomplete-Tokens: ergänzt `autocomplete="email"`, `autocomplete="name"` etc. für Browser-Unterstützung.

Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

Auto-Repair an / aus pro Formular-Plugin (Contact Form 7, Gravity Forms, WPForms, Fluent Forms, ...)
Pflichtfeld-Marker-Stil: `*` / Text „(Pflicht)" / nur ARIA
Fehlertext-Style: nahe / oben / unten am Feld
Autocomplete-Tokens automatisch ergänzen: ja / nein
Live-Validierungs-Modus: bei Tipp / bei Blur / bei Submit

Pfad im Admin: WP-Admin → Barrierefreiheit → Module → Barrierefreie Formulare

Wann brauchst du das Modul?

Anwendungsfall

Das Modul ist wichtig für jede Seite mit Formularen. Es gilt für Kontakt-, Bestell-, Newsletter- und Login-Formulare. Kein Formular-Plugin ist von Anfang an barrierefrei. Das Modul behebt diese Lücken.

Verwandte Module

Das passt thematisch zusammen

ARIA Manager
WCAG 4.1.2
Vergibt automatisch korrekte ARIA-Roles, States und Properties auf interaktive Elemente.
Sprach-Attribut
WCAG 3.1.1
Setzt korrekte `lang`-Attribute auf HTML-Root und Element-Level für fremdsprachige Passagen.
Tastatur-Navigation
WCAG 2.1.1
Stellt sicher, dass jedes interaktive Element auch ohne Maus erreichbar ist — Tab, Enter, Pfeile, Esc.

Modul für deine Seite aktivieren?

Im Erstgespräch klären wir, ob das Modul zu deinem Seiten-Design und Inhalt passt. Wir besprechen, wie man es einrichtet.

15-Min-Erstgespräch
Alle Module ansehen