Verwendung von Farbe
Während Farbkontrast oft primär eine ästhetische Wahl ist, bezieht sich die Verwendung von Farbe auf einer Website auf die Verwendung von Farbe zur Kommunikation von Informationen. Die WCAG-Richtlinie 1.4.1 zur Verwendung von Farbe verlangt, dass "Farbe nicht das einzige visuelle Mittel zur Vermittlung von Informationen, zur Anzeige einer Aktion, zur Aufforderung zu einer Reaktion oder zur Unterscheidung eines visuellen Elements ist".
Lösung
Verwenden Sie zusätzlich zu Farbe einen weiteren Faktor, um Informationen zu übermitteln. Beispielsweise können Sie zur Anzeige von Formularvalidierungsfehlern die Beschriftungen der entsprechenden Felder sowohl durch ein anderes Schriftattribut als auch durch Farbe ändern. Symbole und Icons sollten sich sowohl durch Form als auch durch Farbe unterscheiden.
Um Benutzer mit Farbsehstörungen ("Farbenblindheit") zu berücksichtigen, seien Sie vorsichtig bei der Verwendung einer "Ampel"-Farbmetapher, bei der Grün "gute" Werte und Rot "schlechte" Werte anzeigt. Benutzer mit Rot-Grün-Farbblindheit haben Schwierigkeiten, Rot und Grün zu unterscheiden, und können daher möglicherweise diese Werte nicht auseinanderhalten. Es ist notwendig, einen zusätzlichen Faktor zu verwenden, um "gute" vs. "schlechte" Werte zu signalisieren. Vermeiden Sie in dieser Situation reines Rot und Grün; ein rötlich-orange und ein bläulich-grün sind für farbenblinde Benutzer unterscheidbar, während sie den Benutzern mit normalem Farbsehen immer noch die kulturellen Bedeutungen von "gut" und "schlecht" vermitteln. Auch Farbkontrast kann in diesem Zusammenhang hilfreich sein, wenn eine Farbe dunkler oder heller als die andere ist.
Verwandte WCAG-Erfolgskriterien
- 1.4.1 Verwendung von Farbe (A)
-
Farbe wird nicht als das einzige visuelle Mittel zur Vermittlung von Informationen, zur Anzeige einer Aktion, zur Aufforderung zu einer Reaktion oder zur Unterscheidung eines visuellen Elements verwendet.
Siehe auch
- Understanding Success Criterion 1.4.1: Use of Color
- Farbkontrast
- Farbe und Farbkontrast in den Barrierefreiheitstutorials