Stufe AA · WCAG 2.0

3.3.3 Fehlerempfehlung

Weiß ein Formular, wie sich ein Fehler beheben lässt, sagt die Meldung es — das erwartete Format, den erlaubten Bereich, die nächste gültige Auswahl.

Teilweise automatisch Manche Verstöße sind erkennbar, der Rest braucht Bewertung.

Woran es in der Praxis scheitert

„Ungültige Eingabe“ unter einem Datumsfeld, das genau weiß, welches Format es will. „Passwort erfüllt die Anforderungen nicht“, ohne sie zu nennen. Das Formular kennt die Antwort und behält sie für sich.

Wie man es repariert

Formulieren Sie jede Prüfmeldung als Lösung: „Geben Sie das Datum als Tag, Monat und Jahr ein, zum Beispiel 21.03.1990.“ Ausnahme ist, wo mehr zu sagen die Sicherheit gefährden würde — deshalb darf ein Login nur sagen, dass die Angaben nicht passen.

Auf einen Blick

Stufe
Stufe AA — die Stufe, die EN 301 549 verlangt, und damit die, an der BFSG und EAA gemessen werden.
Prinzip
Verständlich
Richtlinie
3.3 Hilfestellung bei der Eingabe
Neu in
WCAG 2.0
EN 301 549
9.3.3.3
Englische Bezeichnung
Error Suggestion
Automatische Prüfung
Teilweise automatisch

Offizielle Definition beim W3C lesen

So prüfen Sie es von Hand

  1. Schicken Sie jedes geprüfte Feld mit einem Wert im falschen Format ab: ein Datum, eine E-Mail-Adresse, eine Postleitzahl, eine Telefonnummer.
  2. Schicken Sie einen Wert außerhalb des Bereichs oder der Liste ab – eine Menge von null, ein Buchungsdatum in der Vergangenheit.
  3. Lesen Sie jede Meldung für sich und fragen Sie, ob Sie das Feld damit ohne Raten korrigieren könnten.
  4. Prüfen Sie, dass die Meldung mit ihrem Feld verknüpft ist (aria-describedby), damit ein Screenreader den Vorschlag vorliest, wenn der Fokus zurückkehrt.

Im Code

Nicht erfüllt
<label for="geburtsdatum">Geburtsdatum</label>
<input id="geburtsdatum" name="geburtsdatum" aria-invalid="true" aria-describedby="geburtsdatum-fehler">
<p id="geburtsdatum-fehler">Ungültige Eingabe.</p>
Erfüllt
<label for="geburtsdatum">Geburtsdatum</label>
<input id="geburtsdatum" name="geburtsdatum" aria-invalid="true" aria-describedby="geburtsdatum-fehler">
<p id="geburtsdatum-fehler">Geben Sie das Datum als Tag, Monat und Jahr ein, zum Beispiel 21.03.1990.</p>

Teilweise automatisch

Wie weit eine automatische Prüfung kommt

Ein Werkzeug findet hier einen Teil der Verstöße und sieht den Rest nicht. Ein sauberes automatisches Ergebnis heißt: die vorhandenen Prüfungen haben nichts gefunden — nicht, dass das Kriterium erfüllt ist. Genau diese Lücke lässt einen grünen Scan wie eine barrierefreie Website aussehen, und genau dort arbeiten der Tastatur-Agent, die Agenten in Entwicklung und ein Mensch weiter.

Bei einem Crawl aus einem Konto tippen unsere Formularprüfungen auf einer Seite je Template falsche Testwerte in die Formulare, wobei jedes Absenden abgefangen wird, und melden eine Fehlermeldung, die sagt, dass die Eingabe falsch ist, aber nicht, wie man sie korrigiert. Was Ihr Server antwortet, sehen sie nur auf einer Staging-Kopie, die Übermittlungen erlaubt, und ob ein Vorschlag hilft, beurteilt eine Person, die die Fehler mit Absicht macht.

Finden Sie heraus, welche Kriterien Ihre Website verfehlt

Wir prüfen bis zu 100 Seiten gegen WCAG 2.2 AA, schicken den Tastatur-Agenten durch die Seite, die Sie benennen, und senden Ihnen den Bericht per E-Mail — einmal, kostenlos, ohne Bedingungen.

Kostenlosen Scan anfordern So testet der Agent

Bericht innerhalb eines Werktags.