Zum Inhalt springen
A11ySignal
Stufe AWCAG 2.0WCAG 2.1WCAG 2.2EN 301 549 § 9.3.3.1

3.3.1
Fehlererkennung

Wird eine Eingabe abgelehnt, sagen Sie in Text, welches Feld und was falsch ist.

Was die Norm sagt

Wenn ein Eingabefehler automatisch erkannt wird, wird das fehlerhafte Element benannt und der Fehler dem Benutzer als Text beschrieben.

Warum das zählt

Ein roter Rahmen ist für einen Screenreader unsichtbar — und für alle, die die Farbe nicht unterscheiden können.

Wie ein Fehlschlag aussieht

  • fällt durchEin Formular, das das ungültige Feld nur rot färbt.
  • fällt durchEin einziges Banner „Es ist ein Fehler aufgetreten“, ohne ein Feld zu nennen.
  • fällt durchEine Fehlermeldung, die nicht per `aria-describedby` mit dem Feld verbunden ist.

So beheben Sie es

  • tunNennen Sie Feld und Problem: „Postleitzahl: fünf Ziffern, zum Beispiel 10115“.
  • tunVerbinden Sie die Meldung per `aria-describedby` mit dem Feld und setzen Sie `aria-invalid="true"`.
  • tunSetzen Sie eine Zusammenfassung an den Anfang des Formulars, mit Links zu jedem fehlerhaften Feld.

Wie A11ySignal es prüft

manuell

Keine automatische Regel kann über dieses Kriterium urteilen, und wir tun nicht so, als wäre es anders. Ein sauberer Scan heißt nicht, dass 3.3.1 erfüllt ist — er heißt, dass nichts fehlschlägt, was wir messen können. Hier braucht es einen Menschen.

Ebenfalls unter 3.3 Hilfestellung bei der Eingabe