Zum Inhalt springen

Fehlermeldung (UX)

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 24.09.2026

Eine Fehlermeldung ist die Rückmeldung in Textform, die benennt, welche Eingabe nicht angenommen wurde und was der Nutzer nun tun kann. Die Fehlervermeidung liegt davor und versucht, den Fall gar nicht eintreten zu lassen. Die Meldung ist damit die zweite Absicherung und taugt nicht als Ausgleich für ein Formular, das zu viel zulässt.

Fehlermeldung

Rückmeldung in Textform, die benennt, welche Eingabe nicht angenommen wurde und was der Nutzer nun tun kann.
Beispiel: „Die Fehlermeldung stand oben am Seitenanfang, das betroffene Feld lag 800 Pixel darunter.“

Auch: Error Message. Im Deutschen meint der Begriff zwei verschiedene Dinge: die Meldung an einem einzelnen Formularfeld und die Systemmeldung nach einem gescheiterten Vorgang. Für beide gelten dieselben Regeln.

Abgrenzung: Ein Hinweis, der eine Eingabe vorab erklärt, ist keine Fehlermeldung. Er gehört zur Microcopy am Feld und steht dort, bevor etwas schiefgeht.

Was in einer brauchbaren Meldung steht

Eine Meldung, die weiterhilft, benennt den Ort, die Ursache und den Weg heraus. „Ungültige Eingabe“ leistet davon nichts. „Die Telefonnummer darf nur Ziffern und ein Plus am Anfang enthalten“ leistet alles, weil daraus die Korrektur direkt folgt.

Der Ton bleibt sachlich. Schuldzuweisungen wie „Sie haben das Datum falsch eingegeben“ helfen niemandem, und ein Fehlercode ohne Klartext verschiebt die Arbeit auf den Leser. Wir empfehlen, jede Meldung einmal laut zu lesen und zu fragen, ob ein Kollege danach wüsste, was zu tun ist.

Barrierefreiheit: der Fehler muss im Text stehen

Das Erfolgskriterium 3.3.1 Error Identification der WCAG 2.2 verlangt auf Stufe A, dass ein automatisch erkannter Fehler benannt und in Textform beschrieben wird. Ein roter Rahmen allein erfüllt das nicht, weil er ohne Farbwahrnehmung verschwindet und von einem Screenreader nicht vorgelesen wird. Genau darauf zielt auch 1.4.1 Use of Color: Farbe darf nie das einzige Mittel sein, das eine Information überträgt. Das Kriterium 3.3.3 Error Suggestion ergänzt auf Stufe AA, dass eine bekannte Korrektur auch vorgeschlagen wird.

Technisch heißt das: Der Meldungstext wird über aria-describedby mit dem Feld verknüpft, das Feld über aria-invalid als fehlerhaft markiert, und die Meldung erscheint in einem Bereich mit der Rolle alert, damit ein Screenreader sie ansagt.

Woran Standardtexte scheitern

„Ein Fehler ist aufgetreten“ nennt weder Ort noch Ursache und lässt nur den Neuversuch. Ebenso unbrauchbar sind Meldungen, die nach vier Sekunden wieder verschwinden und Sammelmeldungen am Seitenanfang, die das betroffene Feld unmarkiert lassen. Der häufigste Schaden entsteht danach: Wenn das Formular beim Neuladen seine Werte verliert, wird aus einem Tippfehler ein Abbruch.

Siehe auch:

Fehlervermeidung

Gestaltungsprinzip, das Eingabefehler durch Einschränkung der Auswahl und klare Führung von vornherein unwahrscheinlich macht.

#Benutzererfahrung (UX)

Formular Validierung

Prüfung von Formulareingaben auf Vollständigkeit und Format, im Browser vor dem Absenden und auf dem Server danach.

#Benutzererfahrung (UX)

Microcopy

Die kurzen Texte an Bedienelementen: Beschriftung einer Schaltfläche, Hinweis unter einem Feld, Text einer Bestätigung.

#Benutzererfahrung (UX)

Zustände von Bedienelementen (Default, Hover, Active, Disabled)

Die verschiedenen Darstellungen, die ein Bedienelement je nach Situation annimmt, um seinen Status erkennbar zu machen.

#Webdesign-Grundlagen