Verwendung von Farbe
Während Farbkontrast oft in erster Linie eine ästhetische Entscheidung 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 erfordert, dass "Farbe nicht als einziges visuelles Mittel zur Übermittlung von Informationen, zur Angabe einer Aktion, zur Aufforderung zu einer Reaktion oder zur Unterscheidung eines visuellen Elements verwendet wird."
Lösung
Verwenden Sie neben der Farbe einen weiteren Faktor, um Informationen zu vermitteln. Beispielsweise können Sie zur Anzeige von Formularvalidierungsfehlern die Beschriftungen der betreffenden Felder durch ein anderes Schriftattribut sowie durch Farbe ändern. Symbole sollten sich sowohl durch Form als auch durch Farbe unterscheiden.
Um Benutzer mit Farbsehstörungen ("Farbenblindheit") zu unterstützen, seien Sie vorsichtig bei der Verwendung einer "Ampel"-Farbanalogie, bei der Grün "gute" Werte und Rot "schlechte" Werte anzeigt. Benutzer mit Rot-Grün-Farbenblindheit haben Schwierigkeiten, Rot und Grün zu unterscheiden, und können diese Werte daher möglicherweise nicht auseinanderhalten. Es ist notwendig, einen zusätzlichen Faktor zum Signalisieren von "gut" vs. "schlecht" zu verwenden. Vermeiden Sie in dieser Situation reines Rot und Grün; ein rötliches Orange und ein bläuliches Grün sind von farbfehlsichtigen Benutzern unterscheidbar, während sie immer noch die kulturellen Bedeutungen von "gut" und "schlecht" für Benutzer mit normalem Farbsehen vermitteln. Farbkontrast kann in diesem Zusammenhang ebenfalls 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 einziges visuelles Mittel zur Übermittlung von Informationen, zur Angabe 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 Accessibility-Tutorials