Ein roter Rahmen sagt noch nicht, was jemand ändern soll. Nach einem fehlgeschlagenen Absenden müssen drei Fragen beantwortet sein: Welches Feld ist betroffen? Was fehlt? Wie komme ich zur Korrektur?

Mit einem leeren Formular beginnen

Verwende eine Testumgebung und fiktive Eingaben. Sende zunächst ein leeres Formular ab. Prüfe dann eine einzelne falsche Eingabe, etwa eine unvollständige E-Mail-Adresse. Beobachte, ob bereits korrekte Angaben erhalten bleiben. Ein Formular, das alles löscht, verursacht zusätzliche Arbeit, bevor die eigentliche Korrektur beginnt.

Die WAI empfiehlt verständliche Fehlermeldungen, die betroffenen Felder benennen und Hinweise zur Behebung geben. Technisch muss die Meldung dem passenden Feld zugeordnet und für assistive Technik wahrnehmbar sein. Ein bloßer Farbwechsel genügt dafür nicht.

Aus einer Meldung eine Handlung machen

Fiktives Beispiel: Unter dem Adressfeld steht „Ungültiger Wert“. Der Satz erklärt weder die erwartete Angabe noch einen möglichen Fehler. Für eine fehlende Postleitzahl wäre „Gib deine Postleitzahl ein“ konkreter. Welches Format unterstützt wird, muss zum tatsächlichen Liefergebiet passen.

Prüfe die Meldung in drei Situationen:

  • Direkt am Feld: Steht der Hinweis neben der betroffenen Eingabe?
  • Nach dem Absenden: Findest du heraus, warum es nicht weitergeht?
  • Nach der Korrektur: Verschwindet ein behobener Fehler, ohne andere Angaben zu verlieren?

Auch ohne Blick auf die rote Markierung testen

Gehe mit der Tastatur zum Feld und wiederhole den Fehler mit der vereinbarten Screenreader-Browser-Kombination. Wird nur das Feldlabel oder auch die zugehörige Meldung ausgegeben? Notiere die beobachtete Ausgabe, statt aus einem vorhandenen ARIA-Attribut auf funktionierende Bedienung zu schließen.

Der Tastaturtest für den Kaufweg ergänzt diese Prüfung um Varianten, Warenkorb und Dialoge.

Bei Barrieren im Kaufweg beheben werden bis zu fünf vereinbarte Fehlerarten entlang eines Weges korrigiert und erneut getestet. Eine Meldung in einem nicht bearbeitbaren Zahlungsanbieter-Fenster braucht dagegen eine andere Zuständigkeit. Diese Grenze sollte vor der Beauftragung feststehen.

Technische Quellen: W3C WAI: User Notifications.