Barrierefreie Formulare #

Diese Seite richtet sich an die Designerinnen und Designer sowie Entwicklerinnen und Entwickler, die die Formulare einer öffentlichen Stelle bauen (Kontakt, Rückmeldung, Beschwerden, Registrierung, Newsletter-Abonnement), und an die Redaktion, die sie einrichtet. In Formularen schaden Barrieren am meisten: Wer ein Formular nicht absenden kann, kann die Leistung nicht in Anspruch nehmen. WCAG 2.2 behandelt Formulare unter 1.3.1, 3.3.1, 3.3.2, 3.3.7, 3.3.8 und 4.1.2 (https://www.w3.org/TR/WCAG22/).

Inhalt #

1. Wie Formulare in Exponential gebaut werden
2. Beschriftungen und Anleitungen
3. Fehler
4. CAPTCHAs
5. Zeitlimits und abgelaufene Formulare
6. Nach dem Absenden
7. Verwandte Seiten

Wie Formulare in Exponential gebaut werden #

Öffentliche Formulare sind meist Inhaltsobjekte, deren Klasse Attribute vom Typ Informationssammler hat; das Template der Vollansicht zeichnet das Formular, der Kernel validiert jedes Attribut und speichert eine Sammlung (Formulare mit dem Informationssammler). Das Markup des Formulars steht daher in Ihren Templates (der Vollansicht der Formularklasse und den Templates der Datentypen), die das Projekt für die öffentlichen Designs nicht geprüft hat.

Beschriftungen und Anleitungen #

• Jedes Feld hat ein sichtbares <label for>, das es benennt; das Beispiel-Template von ezwebin zeigt das Muster, ein Sammler-Attribut mit dem Namen seines Klassenattributs zu beschriften.
• Pflichtfelder werden im Text gekennzeichnet („erforderlich“), nicht nur mit einem Sternchen oder einer Farbe.
• Anleitungen (das Format eines Datums, wie ein Aktenzeichen aussieht) stehen vor dem Feld und sind mit aria-describedby verknüpft.
• Zusammengehörige Felder (eine Anschrift) werden mit fieldset und legend gruppiert.
• Verwenden Sie die richtigen Eingabetypen und autocomplete-Werte für Name, E-Mail und Anschrift, damit Browser sie ausfüllen können.

Fehler #

Der Kernel validiert, und das Template content/collectedinfo_validation.tpl listet die Probleme auf. Stellen Sie sicher, dass Ihre Fassung davon:

• oben im Formular erscheint, den Fokus erhält und auf jedes Feld verlinkt;
• das Feld nennt und sagt, wie das Problem zu beheben ist;
• das Eingegebene behält;
• die Felder mit aria-invalid="true" kennzeichnet und aria-describedby auf die Meldung zeigen lässt.

Die Administration admin4 tut genau das für ihre eigenen Formulare (tests/tests/design/AdminFormErrorsTest.php); nutzen Sie sie als Vorbild.

CAPTCHAs #

Die optionalen Erweiterungen recaptcha (Google reCAPTCHA) und hcaptcha (hCaptcha) fügen einer Klasse ein CAPTCHA-Attribut hinzu (Spamschutz für Formulare). Ein CAPTCHA ist für viele Menschen eine Barriere und für den Datenschutz ein Dienst eines Dritten (siehe den Datenschutzbereich dieser Hilfe). Bevorzugen Sie das Formular-Token (ezformtoken, standardmäßig aktiv) und serverseitige Prüfungen; setzen Sie ein CAPTCHA nur ein, wo Missbrauch tatsächlich vorkommt, testen Sie es mit der Tastatur und einem Screenreader und bieten Sie neben dem Formular einen anderen Kontaktweg an.

Zeitlimits und abgelaufene Formulare #

• Ein Formular-Token gehört zur Sitzung; ein abgewiesenes Token zeigt die Seite „Formular abgelaufen“ (Seite „Formular abgelaufen“). Prüfen Sie, dass die Seite verständlich ist und den Besucher nach Möglichkeit ohne Verlust seiner Arbeit zurückgehen lässt.
• Sitzungen enden nach [Session] SessionTimeout (standardmäßig 360 Tage). Wenn Sie den Wert aus Sicherheitsgründen verkürzen, denken Sie an Menschen, die lange zum Ausfüllen eines Formulars brauchen (WCAG 2.2.1 Zeiteinteilung anpassbar).

Nach dem Absenden #

• Verwenden Sie eine Dankesseite, die sagt, was als Nächstes geschieht und wie lange es dauert (Display=redirect mit einer RedirectURL in collect.ini, damit ein Neuladen nicht erneut absendet).
• Wird eine Bestätigungs-E-Mail versandt, schreiben Sie sie in einfachem Text mit dem Aktenzeichen und dem Kontakt.

Verwandte Seiten #

• Formulare mit dem Informationssammler
• Ein Kontaktformular bauen
• Barrierefreiheit für Website-Ersteller: Formulare
• Freie Dokumentation: Diese Seite darf unter der GNU FDL 1.3 frei kopiert, übersetzt und verbessert werden.