Farbenblindheit

Bild hochladen

+

Bild hierher ziehen oder zum Hochladen klicken

Art des Farbsehens

Dichromasie (vollständig)

Anomale Trichromasie (teilweise)

Keine Farbenblindheit – Häufigkeit: ~92 %

WCAG-Kontrastprüfung

Beispieltext
Beispieltext

Ursprünglicher Kontrast

Erfüllt AA (alle)

Erfüllt AAA (alle)

Kontrast nach Art der Farbenblindheit ansehen
ArtKontrastAAAAA

Vergleich der Farbfelder

Über Farbenblindheit

Dichromasie (vollständig)

  • Protanopie: Rotzapfen fehlen – Rot wirkt dunkel und wird mit Grün und Braun verwechselt
  • Deuteranopie: Grünzapfen fehlen – am häufigsten, Verwechslung von Rot und Grün
  • Tritanopie: Blauzapfen fehlen – selten, Verwechslung von Blau und Gelb
  • Achromatopsie: Vollständige Farbenblindheit – nur Graustufen sichtbar

Anomale Trichromasie (teilweise)

  • Protanomalie: Verschobene Rotzapfen – verringerte Rotempfindlichkeit
  • Deuteranomalie: Verschobene Grünzapfen – häufigste Form (~5 % der Männer)
  • Tritanomalie: Verschobene Blauzapfen – sehr selten

Design-Tipps für Barrierefreiheit

  • Verlasse dich nicht allein auf Farbe, um Informationen zu vermitteln
  • Ergänze Farbe durch Muster, Formen oder Beschriftungen
  • Sorge für ausreichenden Kontrast zwischen den Farben
  • Vermeide Rot-Grün-Kombinationen bei wichtigen Unterscheidungen
  • Teste deine Entwürfe mit Simulatoren für Farbenblindheit
  • WCAG AA verlangt 4,5:1 Kontrast bei normalem Text und 3:1 bei großem Text
  • WCAG AAA verlangt 7:1 Kontrast bei normalem Text und 4,5:1 bei großem Text