Barrierefreiheit
Farbwahl & Kontraste
Gute Kontraste machen Inhalte zuverlässig lesbar – und Farbe sollte nie das einzige Signal für wichtige Informationen sein.
Kontrast ist Funktion
Menschen mit Sehbeeinträchtigungen, Farbfehlsichtigkeit oder altersbedingten Einschränkungen können schwache Kontraste nur schwer erkennen. Auch unter ungünstigen Bedingungen wie hellem Sonnenlicht profitiert die Lesbarkeit von einer robusten Farbgestaltung.
Orientierung an den WCAG
Die WCAG definieren messbare Mindestkontraste für Text sowie relevante grafische und interaktive Elemente. Diese Werte lassen sich mit Contrast-Checkern überprüfen und sollten bereits bei der Definition des Designsystems berücksichtigt werden.
Farbe nicht allein verwenden
Fehler, Status oder Auswahlzustände sollten nicht ausschließlich über Rot, Grün oder andere Farben kommuniziert werden. Zusätzliche Texte, Icons, Formen oder Beschriftungen sorgen dafür, dass die Information unabhängig vom Farbsehen verständlich bleibt.
Designsystem statt Einzelprüfung.
Wenn Text-, Hintergrund-, Fokus- und Statusfarben bereits als geprüfte Kombinationen definiert sind, sinkt das Risiko neuer Kontrastprobleme im laufenden Betrieb.
Kontraste realistisch prüfen
Neben Messwerten lohnt sich der Test in verschiedenen Display-Situationen sowie mit simulierten Farbsehschwächen. Genau dafür ist auch unser Farbsimulator gedacht.