3.3.3 Fehlervorschläge

1. Was ist das Ziel dieses Kriteriums?

Formulare sind wie Türschlösser – manchmal klappt es beim ersten Versuch, manchmal nicht. Aber was, wenn der Türgriff nur "Falsch!" sagt, anstatt zu erklären, wie der richtige Schlüssel aussieht? Menschen mit kognitiven Einschränkungen, Sehbehinderungen oder auch nur gestresste Nutzer stehen dann buchstäblich vor verschlossenen Türen.

Das Ziel von Erfolgskriterium 3.3.3 der WCAG ist klar: Wenn ein System einen Eingabefehler erkennt und weiß, wie er behoben werden kann, dann muss es dem Nutzer auch dabei helfen. Nicht nur "Das ist falsch" – sondern "So machst du es richtig".

2. Was fordert das Erfolgskriterium genau?

Ganz konkret baut dieses Kriterium auf 3.3.1 (Fehlerkennzeichnung) auf und geht einen entscheidenden Schritt weiter:

Sobald ein Eingabefehler automatisch erkannt wird UND Lösungsvorschläge bekannt sind, müssen diese Vorschläge dem Nutzer bereitgestellt werden.

Das betrifft verschiedene Szenarien:

Fehlende Pflichtfelder: Statt nur "Dieses Feld ist erforderlich" besser "Bitte geben Sie Ihre E-Mail-Adresse ein, z.B. [email protected]"

Falsche Formate: Statt "Ungültiges Datum" besser "Bitte verwenden Sie das Format TT.MM.JJJJ, z.B. 15.03.2024"

Unerlaubte Werte: Statt "Ungültige Eingabe" besser "Wählen Sie einen Monat aus: Januar, Februar, März, ..."

Ausnahme: Die Regel gilt nicht, wenn Hinweise die Sicherheit oder den Zweck des Inhalts gefährden würden – etwa bei Sicherheitsfragen oder Passwörtern.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du füllst ein wichtiges Formular aus, aber bei jedem Fehler bekommst du nur kryptische Meldungen wie "Eingabe ungültig". Ohne konkrete Hilfestellung kann das zur Endlosschleife werden – oder dazu, dass du einfach aufgibst.

Fehlervorschläge schaffen Barrierefreiheit, weil sie:

• Menschen mit Lernschwierigkeiten dabei helfen, Formulare erfolgreich auszufüllen
• Blinden und sehbehinderten Nutzern klarere Orientierung bei der Fehlerbehebung geben
• Menschen mit motorischen Einschränkungen die Anzahl der Eingabeversuche reduzieren
• Nutzer mit kognitiven Einschränkungen beim Verstehen der erwarteten Eingaben unterstützen
• Allen Nutzern Zeit und Frustration ersparen, indem sie direkt zum Ziel führen

Und nicht zuletzt: Sie machen das Internet menschlicher – niemand sollte rätseln müssen, was ein System von ihm will.

4. So setzt du das Kriterium erfolgreich um

Die Kunst liegt nicht nur darin, Fehler zu erkennen, sondern hilfreiche Lösungen anzubieten. Hier die wichtigsten Praxis-Tipps:

Konkrete Vorschläge statt vager Hinweise:

• Schlecht: "Ungültiges E-Mail-Format"
• Gut: "Bitte verwenden Sie eine gültige E-Mail-Adresse wie [email protected]"

Beispiele für korrekte Eingaben zeigen:

• Bei Datumsfeldern: "Verwenden Sie das Format TT.MM.JJJJ, z.B. 24.12.2024"
• Bei Telefonnummern: "Geben Sie Ihre Nummer mit Vorwahl ein, z.B. 0951 123456"

Auswahllisten bei begrenzten Werten:

• Statt nur "Falscher Monat" → "Wählen Sie aus: Januar, Februar, März, April..."
• Oder intelligente Vorschläge: "Meinten Sie 'Dezember' statt '12'?"

Technische Umsetzung:

• Verwende aria-describedby für programmatisch verknüpfte Fehlermeldungen
• Platziere Hilfestellungen direkt beim entsprechenden Eingabefeld
• Nutze Client-side Validierung für sofortiges Feedback
• Implementiere progressive Verbesserung für schrittweise Hilfen

Tools und Techniken:

• Integriere Pattern-Matching für automatische Korrekturvorschläge
• Biete kontextsensitive Hilfe direkt im Formular
• Verwende Autocomplete-Funktionen für häufige Eingaben
• Setze auf bewährte Bibliotheken für Formularvalidierung

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Fehlervorschläge sind nicht nur nett für Nutzer – sie sind echte Business-Booster, die direkten Einfluss auf deinen Unternehmenserfolg haben.

1. Conversion-Rate steigern

Jeder Formularabbruch ist ein verlorener Kunde. Studien zeigen: Klare Fehlervorschläge können die Abbruchrate um bis zu 40% senken. Ob Bestellung, Anmeldung oder Kontaktanfrage – hilfreiche Fehlermeldungen führen mehr Nutzer zum Ziel.

2. Support-Kosten reduzieren

Weniger verwirrte Nutzer bedeuten weniger Anrufe im Kundensupport. Wenn Formulare selbsterklärend sind, lösen sich viele Probleme automatisch – das spart Zeit und Geld.

3. Nutzererfahrung optimieren

Frustrierte Nutzer kommen nicht wieder. Hilfreiche Fehlervorschläge schaffen Vertrauen und zeigen: "Wir helfen dir dabei, dein Ziel zu erreichen." Das stärkt die Kundenbindung und verbessert das Markenimage.

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 W3

Success Criterion 3.3.3 Error Suggestion (Level AA)

If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content.

← Zurück zur WCAG-Übersicht