Prüfpunkt 3.3.6Stufe AAAFehler, Bestätigung und Anmeldung
Wie verhindert ein Formular Fehler vor dem Absenden?
Die Stufe AA (3.3.4) verlangt Fehlervermeidung bei Formularen mit rechtlichen oder finanziellen Folgen: Eingaben prüfen, bestätigen lassen oder rückgängig machbar halten. Das Kriterium 3.3.6 der Stufe AAA dehnt das auf jedes Formular aus, das Daten abschickt: die Kontaktanfrage, die Anmeldung, den Kommentar, die Terminbuchung. Ein Fehler beim Absenden ist für Menschen, die ein Formular nur mit Mühe ausfüllen, ein hoher Preis.
Was das Kriterium verlangt
Für jede Seite, auf der Besucher Daten absenden, gilt mindestens eines von dreien. Rückgängig: Die Absendung lässt sich widerrufen, etwa durch einen Bearbeiten-Link in der Bestätigungsmail oder eine Frist, in der die Anfrage zurückgezogen werden kann. Geprüft: Die Eingaben werden auf Fehler geprüft und der Besucher kann sie korrigieren, bevor sie wirken. Bestätigt: Vor dem endgültigen Absenden zeigt die Seite alle Eingaben zur Kontrolle und verlangt eine Bestätigung. Die Prüfung im Browser (etwa Pflichtfelder, E-Mail-Format) ist eine Form der Prüfung, wenn sie vor dem Wirken der Daten greift.
Für wen das zählt
Wer mit Vorleseprogramm ausfüllt, sieht das Formular nicht als Ganzes und kann Zahlendreher und Feldverwechslungen schwer erkennen. Wer motorisch eingeschränkt ist, tippt daneben. Wer eine Lernschwierigkeit hat, bemerkt einen Fehler erst, wenn ihn jemand zeigt. Für alle ist die Übersicht vor dem Absenden die Stelle, an der sie Fehler finden. Rückgängig machbare Absendungen nehmen zudem die Angst, etwas Endgültiges falsch zu machen.
So gehen wir damit um
Die Messung findet Formulare und prüft, ob eine Eingabeprüfung im Browser vorliegt (required, type, pattern) und ob Felder Fehlermeldungen tragen; eine Bestätigungsseite oder ein Widerruf zeigt sich erst beim Absenden und wird von einem Menschen geprüft. Das Kriterium gehört zur Kategorie AAA im Wissen; auf Stufe AA prüft der Dienst 3.3.4 bei Bestell- und Vertragsformularen.
Beispiele
Kontaktformular sendet ungeprüft
<form action="/kontakt">
<input name="email">
<button>Senden</button>
</form><form action="/kontakt">
<input name="email" type="email" required aria-describedby="email-hilfe">
<button>Anfrage senden</button>
</form>
<!-- danach: Bestätigungsmail mit den Angaben und einem Link zum Ändern -->Auf Stufe AAA gilt für jedes Formular: prüfen, bestätigen lassen oder rückgängig machbar, nicht nur bei Geld und Recht.
So gehen Sie es an
- Prüfen Sie Eingaben vor dem Absenden im Browser und auf dem Server; zeigen Sie Fehler beim Feld mit einer Anweisung, wie sie zu beheben sind.
- Zeigen Sie bei mehrstufigen Formularen eine Übersicht aller Angaben mit Bearbeiten-Links vor dem letzten Knopf.
- Schicken Sie nach dem Absenden eine Bestätigung mit den Angaben und einem Weg, sie zu ändern oder zurückzuziehen.
- Beschriften Sie den Absendeknopf mit dem, was passiert: „Anfrage senden“, „Termin verbindlich buchen“.
Weiter im Prüfbereich Barrierefreiheit
- Wie geht eine Anmeldung ganz ohne Merken und Abtippen?WCAG 2.2 Kriterium 3.3.9 (Stufe AAA, neu in 2.2): Die Anmeldung verlangt keinen kognitiven Funktionstest, auch keine Objekterkennung. Passkeys, Magic-Links.
- Warum braucht jedes Bild auf der Website einen Alternativtext?Alternativtexte machen Bilder für blinde Menschen und für die Google-Bildersuche lesbar. Fehlt das alt-Attribut, bleibt das Bild für beide unsichtbar.
- Welche Alternative brauchen reine Audio- und Videodateien auf der Website?Reine Audiodateien brauchen eine Textabschrift, stumme Videos eine Beschreibung. So erreicht der Inhalt auch Menschen, die schlecht hören oder sehen.
- Warum brauchen Videos auf der Website Untertitel?Untertitel machen Videos für gehörlose Menschen verständlich — und für alle, die ohne Ton schauen. Unsere Prüfung testet, ob die Untertitel-Datei echt ist.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Bench Accounting, CC0
.jpg){kind=link}