Mechanik-Modul · WCAG 3.3.1 · Stufe A

Barrierefreie Formulare

Repariert fehlende Labels, Pflichtfeld-Markierungen und Fehler-Verknüpfungen in Kontakt-, Bestell- und Login-Formularen.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Formulare sind die häufigste Stolperstelle für Screenreader-Nutzer:innen. Fehlt das ``, weiß die Software nicht, was ein Eingabefeld erfasst. Fehlt die Fehler-Verknüpfung über `aria-describedby`, wird die Validierungs-Meldung gar nicht vorgelesen.

Das Modul scant alle Formulare auf der Seite und ergänzt fehlende ARIA-Attribute, Label-Beziehungen und Pflichtfeld-Markierungen.

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

Pflicht-Modul für jede Seite mit Formularen — Kontakt, Bestellung, Newsletter, Login. Kein Formular-Plugin liefert vollständige Barrierefreiheit out-of-the-box; das Modul schließt die 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 15-Minuten-Erstgespräch klären wir, ob das Modul für deinen Theme- und Inhalts-Typ relevant ist — und wie die Einrichtung aussieht.

15-Min-Erstgespräch
Alle Module ansehen