Im Design dürfen wichtige Informationen nicht ausschließlich über Farbe vermittelt werden. Dazu gehören beispielsweise Fehlermeldungen, Statusanzeigen oder die visuelle Hervorhebung von Links. Stattdessen sollten zusätzliche Hinweise wie Symbole, Muster oder Text eingesetzt werden, damit auch Nutzer:innen mit Farbschwächen oder anderen Sehbeeinträchtigungen die Informationen erkennen und verstehen können. Eine durchdachte Farbgestaltung verbessert so die Barrierefreiheit und die Nutzererfahrung für alle.
Nutzung von Farbe
Allgemeine KomponenteEine korrekte Farbgestaltung sorgt dafür, dass Informationen nicht ausschließlich über Farbe vermittelt werden, sodass auch Nutzer:innen mit Farbfehlsichtigkeit Inhalte erkennen können.
Was muss beachtet werden?
Deutsches Gesetz: Anforderungen der Konformitätsstufe A und AA müssen umgesetzt werden.
Hohe Priorität- A
Im Design dürfen wichtige Informationen, wie Fehlermeldungen oder die Hervorhebung von Links, nicht ausschließlich über Farbe vermittelt werden.
WCAG-Richtlinien:
Moderate Priorität- AA
- AAA
Ein guter Farbkontrast sorgt dafür, dass Texte und grafische Elemente für Menschen mit Sehschwächen oder Farbfehlsichtigkeit gut erkennbar sind.
Konformitätsstufe AText und Textbilder müssen ein Kontrastverhältnis von mindestens 4,5:1 gegenüber dem Hintergrund aufweisen (für normalen Text).
Große Texte (≥ 18pt bzw. ≥ 14pt fett) benötigen 3:1.
Konformitätsstufe AAAText und Textbilder müssen ein Kontrastverhältnis von mindestens 7:1 gegenüber dem Hintergrund aufweisen (für normalen Text).
Große Texte (≥ 18pt bzw. ≥ 14pt fett) benötigen 4,5:1
Weitere Informationen:
Zuletzt aktualisiert am 12.12.25