Rund 8 % der Männer sind farbenblind. Wenn deine Website wichtige Informationen nur über Farbe transportiert — ein rotes Pflichtfeld, ein grüner „Erfolg“, ein Link, der sich nur durch die Farbe vom Text abhebt — gehen diese Hinweise für viele Menschen verloren.
Worauf es ankommt
WCAG 2.2, Erfolgskriterium 1.4.1: Farbe darf nicht das einzige visuelle Mittel sein, um Information zu vermitteln, eine Aktion anzuzeigen oder ein Element zu unterscheiden. Es braucht immer ein zweites Signal — Text, Symbol, Form oder Unterstreichung.
So prüfst du es
- Schalte die Seite per Graustufen-Filter (Browser oder Betriebssystem) auf Schwarz-Weiß: Sind Links, Fehler und Status dann noch erkennbar?
- Links im Fließtext: unterstrichen oder klar abgesetzt — nicht nur farbig.
- Formularfehler: rotes Feld plus Fehlertext und idealerweise ein Symbol.
- Diagramme und Status: zusätzlich Beschriftung, Muster oder Icon.
Häufige Fehler
- Links, die sich nur durch die Farbe vom Text unterscheiden.
- „Pflichtfelder sind rot“ — ohne Sternchen oder Text.
- Ampel-Status (rot/grün) ohne Beschriftung.
Kurz gesagt
Frag bei jeder farbigen Information: Bleibt sie auch in Schwarz-Weiß verständlich? Wenn nicht, fehlt ein zweites Signal.
Du willst wissen, wo deine Seite steht? Im Barrierefreiheits-Audit prüfe ich genau das nach WCAG 2.2 AA.