Farbe alleine: Warum sie nie reicht

Kurz erklärt: WCAG 1.4.1 Use of Color (Level A) fordert: Farbe darf niemals die einzige Information sein. Pflichtfelder, Fehler, Status müssen zusätzlich textlich oder durch Icons markiert werden – für farbenblinde Nutzer und Screenreader-Nutzer unverzichtbar.

Rund 9 % der Männer und 0,4 % der Frauen haben eine Rot-Grün-Sehschwäche. Rein farbliche Markierungen sind für sie unbrauchbar. Screenreader-Nutzer sehen Farben gar nicht. Deshalb gilt: Farbe als Ergänzung ja, als einziges Signal nie.

Typische Verstöße

Pflichtfelder nur mit rotem Sternchen: Farbenblinde sehen es schwer, Screenreader lesen es "Sternchen" ohne Bedeutung. Richtig: "Pflichtfeld".
Fehlerhinweise nur rot umrandet: Richtig: rot + Fehler-Symbol + Textmeldung.
Status-Badges nur farbig: "Bestellung offen" nur orange. Richtig: Farbe + Icon + Textlabel.
Links nur durch Farbe erkennbar: Textfarbe blau, aber nicht unterstrichen. Richtig: Farbe + Unterstreichung ODER Kontrast 3:1+.

Die WCAG-Regel exakt

"Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element." Level A – strenge Pflicht.

Wie testet man?

Graustufen-Ansicht: Screenshot in Schwarzweiß konvertieren. Ist alle Information noch erkennbar? Simulator: Chrome DevTools → Rendering → "Emulate vision deficiencies" → Protanopia / Deuteranopia. Alternative: Colour Oracle (Desktop-Tool, frei).

Lösungen für häufige Cases

Links: Unterstreichung plus Farbe.
Pflichtfelder: * (Pflichtfeld) Text.
Diagramme: unterschiedliche Muster/Schraffuren plus Farbe.
Karten: Symbole plus Farbcodierung.
Status: Farbe plus Icon plus Textlabel.

Wird geprüft: bf-check prüft Link-Unterstreichung und Farb-Kontraste. Semantische Farb-Nur-Nutzung erfordert manuelle Kontrolle.

Wie steht deine Webseite in diesem Punkt da?

Kostenloser Scan gegen 15 WCAG-2.1-AA-Kriterien – inkl. Farbe als einzige Information-Check.

Jetzt Webseite prüfen →