1. Was ist das Ziel dieses Kriteriums?
Ein falscher Klick, eine verdrehte Ziffer, ein übersehenes Pflichtfeld – wir alle kennen das frustrierende Gefühl, wenn ein Formular uns um die Ohren fliegt. Doch während die meisten von uns einfach zurückgehen und korrigieren können, wird es für Menschen mit Behinderungen oft zum echten Problem. Menschen mit motorischen Einschränkungen vertauschen Buchstaben leichter, Menschen mit kognitiven Beeinträchtigungen übersehen wichtige Details, und Menschen mit Sehbehinderungen haben es schwerer, Fehler zu entdecken.
Das Ziel von Erfolgskriterium 3.3.6 der WCAG ist daher klar: Alle Formulare – nicht nur die mit rechtlichen oder finanziellen Konsequenzen – brauchen Sicherheitsnetze. Es geht darum, Fehler zu vermeiden, bevor sie entstehen, oder sie rückgängig machen zu können, wenn sie doch passiert sind.
2. Was fordert das Erfolgskriterium genau?
Während Erfolgskriterium 3.3.4 nur bei rechtlich oder finanziell relevanten Formularen greift, geht 3.3.6 einen Schritt weiter: Für alle Webseiten, die Nutzereingaben verlangen, muss mindestens eine der folgenden drei Optionen erfüllt sein:
Rückgängig machen (Reversible): Nutzer können ihre Eingaben nach dem Absenden wieder rückgängig machen – zum Beispiel durch einen "Rückgängig"-Button oder einen Papierkorb für gelöschte Inhalte.
Überprüfung (Checked): Das System überprüft die eingegebenen Daten automatisch auf Fehler und gibt Nutzern die Möglichkeit, diese zu korrigieren, bevor das Formular endgültig übertragen wird.
Bestätigung (Confirmed): Es gibt einen Schritt zur Überprüfung und Bestätigung, bei dem Nutzer ihre Eingaben nochmals kontrollieren und anpassen können, bevor sie final abgeschickt werden.
Das Kriterium gilt für alle Formulare – von der einfachen Newsletter-Anmeldung bis hin zur komplexen Bestellung. Der Level AAA macht deutlich: Das ist die Königsklasse der Barrierefreiheit, aber auch ein echter Qualitätsstandard für nutzerzentriertes Design.
3. Warum ist das wichtig für Barrierefreiheit?
Stell dir vor, du versuchst, deine Adresse in ein Formular einzugeben, aber deine Finger treffen nicht immer die richtigen Tasten. Oder du füllst ein komplexes Formular aus, übersiehst aber ein wichtiges Detail, weil deine Aufmerksamkeit schnell nachlässt. Ohne Sicherheitsnetze kann das frustrierend werden – oder sogar dazu führen, dass du den Service gar nicht nutzen kannst.
Fehlervermeidungsmaßnahmen schaffen Barrierefreiheit, weil sie:
- Menschen mit motorischen Einschränkungen dabei helfen, versehentliche Eingabefehler zu korrigieren
- Menschen mit kognitiven Beeinträchtigungen mehr Zeit und Überprüfungsmöglichkeiten geben
- Menschen mit Aufmerksamkeitsdefiziten dabei unterstützen, wichtige Details nicht zu übersehen
- Menschen mit Sehbehinderungen erlauben, ihre Eingaben nochmals zu kontrollieren
- Allen Nutzern mehr Sicherheit und Vertrauen beim Ausfüllen von Formularen vermitteln
Und nicht zuletzt: Sie reduzieren Stress und machen die Nutzung deiner Website zu einer entspannten Erfahrung.
4. So setzt du das Kriterium erfolgreich um
Die gute Nachricht: Viele dieser Funktionen kennst du bereits von anderen Websites – jetzt geht es darum, sie bewusst und systematisch einzusetzen. Hier bewährte Strategien für jede der drei Optionen:
Rückgängig-Funktionen:
- Implementiere "Undo"-Buttons für wichtige Aktionen wie Löschen oder Verschieben
- Biete einen Papierkorb für gelöschte Inhalte mit Wiederherstellungsmöglichkeit an
- Verwende Autosave-Funktionen, die Zwischenstände automatisch speichern
- Erlaube das Bearbeiten von Einträgen auch nach dem ersten Absenden (z.B. bei Profildaten)
Überprüfung und Validierung:
- Setze auf Client-Side-Validierung, die Fehler sofort beim Tippen erkennt
- Biete hilfreiche Fehlermeldungen mit konkreten Korrekturvorschlägen
- Markiere fehlerhafte Felder deutlich und erkläre, was korrigiert werden muss
- Nutze Format-Hilfen (z.B. für Telefonnummern: "+49 xxx xxx xxxx")
Bestätigungs-Schritte:
- Zeige eine Zusammenfassung aller Eingaben vor dem finalen Absenden
- Erlaube das Bearbeiten einzelner Abschnitte aus der Zusammenfassung heraus
- Verwende klare "Zurück"- und "Bearbeiten"-Buttons
- Gestalte den finalen "Absenden"-Button bewusst prominent, um klare Entscheidungen zu fördern
Allgemeine Tipps:
- Kombiniere mehrere Ansätze für maximale Sicherheit
- Teste deine Formulare mit echten Nutzern, besonders mit Menschen mit Behinderungen
- Vergiss nicht die mobile Optimierung – auf kleineren Bildschirmen sind Fehler noch wahrscheinlicher
5. Warum dieses Erfolgskriterium für Unternehmen relevant ist
Auch bei Erfolgskriterium 3.3.6 gilt: Barrierefreiheit ist kein Selbstzweck – sondern ein echter Wettbewerbsvorteil für dein Business.
1. Zielgruppe erweitern
Formulare sind oft der kritische Punkt, an dem aus Besuchern Kunden werden. Wenn Menschen mit Behinderungen an fehlerhaften oder unverständlichen Formularen scheitern, verlierst du nicht nur diese Nutzer – sondern auch deren soziales Umfeld. Ein barrierefreies Formular macht deine Services für alle zugänglich.
2. Conversion-Rate verbessern
Fehlerfreie Formulare bedeuten weniger Abbrüche und mehr erfolgreiche Abschlüsse. Studien zeigen: Jeder zusätzliche Überprüfungsschritt kann die Conversion-Rate um bis zu 15% steigern, weil Nutzer mehr Vertrauen in den Prozess haben.
3. Support-Kosten reduzieren
Weniger Fehler bedeuten weniger Support-Anfragen. Wenn Nutzer ihre Eingaben selbst korrigieren können, anstatt den Kundenservice zu kontaktieren, sparst du Zeit und Geld – bei gleichzeitig besserer Nutzererfahrung.
Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.
6. Das Erfolgskriterium im Wortlaut der W3C
Success Criterion 3.3.6 Error Prevention (All) (Level AAA):
For Web pages that require the user to submit information, at least one of the following is true:
- Reversible: Submissions are reversible.
- Checked: Data entered by the user is checked for input errors and the user is provided an opportunity to correct them.
- Confirmed: A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission.