Barrierefreiheit
Zu geringer Farbkontrast
Woran du es erkennst
Fließtext, Platzhalter oder Schaltflächenbeschriftungen stehen in einer Farbkombination, die das geforderte Kontrastverhältnis zum Hintergrund unterschreitet — etwa hellgrau auf weiß.
Warum es zählt
Geringer Kontrast macht Text für Menschen mit Sehschwäche oder Farbfehlsichtigkeit schwer bis unmöglich lesbar — und messbar schwerer für alle anderen bei hellem Umgebungslicht, also überall dort, wo mobil gelesen wird. Es ist zugleich einer der am häufigsten gemessenen Verstöße überhaupt.
So behebst du es
- Hebe den Kontrast auf mindestens 4,5:1 für normalen und 3:1 für großen Text (WCAG AA) und prüfe das Ergebnis mit einem Kontrastwerkzeug.
- Prüfe die Farbwerte im Design-System, nicht nur einzelne Bauteile: Blasse Grautöne stammen meist aus einer einzigen wiederverwendeten Variable.
- Achte besonders auf Platzhaltertext, deaktivierte-aber-lesbare Zustände und Text über Bildern oder Verläufen — dort scheitert es am häufigsten.
- Nimm die Kontrastprüfung in die automatisierte Prüfung des Design-Systems auf, damit kein neues Bauteil mit einer scheiternden Kombination ausgeliefert wird.