Der Farbkontrast muss die WCAG 2 AA-Mindestanforderungen erfüllen
Laut WCAG muss der Text auf einer Website einen ausreichenden Kontrast zum Hintergrund haben.
Warum es wichtig ist
Menschen mit Sehbehinderungen nehmen Farben anders wahr als Menschen ohne Sehbeeinträchtigung. Häufig erscheinen Objekte mit der gleichen Helligkeit, was es schwierig macht, spezifische Details zu unterscheiden. Ein ausreichender Farbkontrast ist daher essenziell.
Behebung des Problems
Der Kontrast zwischen Text und Hintergrund muss auf jeder Seite den WCAG 2 AA-Anforderungen entsprechen.
Der Farbkontrast muss mindestens 4,5:1 für kleinen Text oder 3:1 für große Schrift betragen, auch wenn der Text Teil eines Bildes ist. Als große Schrift gelten 18 pt (24 CSS-Pixel) oder 14 pt fett (19 CSS-Pixel). Hinweis: Elemente mit einem Kontrastverhältnis von 1:1 gelten als problematisch und müssen manuell überprüft werden
Dieses kostenlose Farbkontrast-Tool kann für Tests verwendet werden.
Testfälle
Für weitere Beispiele besuchen Sie die folgenden Seiten in der ATC Rules-Bibliothek auf GitHub von W3C: