Use of color
Während Farbkontrast oft primär eine ästhetische Wahl ist, bezieht sich die Verwendung von Farbe auf einer Website auf die Nutzung von Farbe zur Kommunikation von Informationen. Die WCAG-Richtlinie 1.4.1 zur Verwendung von Farbe erfordert, dass "Farbe nicht das einzige visuelle Mittel zur Übermittlung von Informationen, zur Anzeige einer Aktion, zur Aufforderung zu einer Reaktion oder zur Unterscheidung eines visuellen Elements" ist.
Lösung
Verwenden Sie neben Farbe einen weiteren Faktor, um Informationen zu vermitteln. Um beispielsweise Formularvalidierungsfehler anzuzeigen, können Sie die Beschriftungen der entsprechenden Felder zusätzlich zu der Farbänderung mit einem anderen Schriftmerkmal ändern. Symbole und Zeichen sollten sich durch ihre Form sowie durch ihre Farbe unterscheiden.
Um Nutzer mit Farbsehstörungen ("Farbenblindheit") zu berücksichtigen, seien Sie vorsichtig, wenn Sie eine "Ampel"-Farbmetapher verwenden, bei der Grün "gute" Werte und Rot "schlechte" Werte anzeigt. Nutzer mit Rot-Grün-Farbblindheit haben Schwierigkeiten, Rot und Grün zu unterscheiden, und könnten diese Werte daher nicht auseinanderhalten können. Es ist notwendig, einen zusätzlichen Faktor zu verwenden, um "gut" von "schlecht" zu signalisieren. Vermeiden Sie in dieser Situation reines Rot und Grün; ein rötliches Orange und ein bläuliches Grün sind für farbenblinde Nutzer unterscheidbar, während sie noch die kulturellen Bedeutungen von "gut" und "schlecht" für Nutzer mit normalem Farbsehen vermitteln. Farbkontrast kann in diesem Kontext 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 Anzeige einer Aktion, zur Aufforderung zu einer Reaktion oder zur Unterscheidung eines visuellen Elements verwendet.
Siehe auch
- Verständnis des Erfolgskriteriums 1.4.1: Verwendung von Farbe
- Farbkontrast
- Farbe und Farbkontrast in den Accessibility-Tutorials