Kontrast (Verbessert)
AAA-Kontrastvorgaben: 7:1 für Fließtext, 4,5:1 für großen Text. Strenger als 1.4.3, gedacht für Nutzende mit erheblicher Sehschwäche, die zum bequemen Lesen einen höheren Kontrast benötigen.
Was verlangt wird
Auf Konformitätsstufe AAA muss Fließtext ein Kontrastverhältnis von 7:1 und großer Text (18 pt bzw. 14 pt fett) eines von 4,5:1 erreichen. Die Ausnahmen sind dieselben wie bei 1.4.3 – Logos, dekorativer Text, inaktive Steuerelemente –, doch die Anforderung ist etwa doppelt so streng. Sie richtet sich an Nutzende mit mittelgradiger bis schwerer Sehschwäche, für die ein Verhältnis von 4,5:1 bei schlechten Lichtverhältnissen immer noch schwer lesbar ist.
Wie das Kriterium erfüllt wird
- Ein Kontrastprüfwerkzeug verwenden, das sowohl AA- als auch AAA-Ergebnisse ausgibt, und auf die AAA-Spalte optimieren.
- Für Fließtext auf weißem Hintergrund erreicht ein Vordergrundton dunkler als
#595959in der Regel 7:1. - Im Dunkelmodus genügt ein Vordergrundton heller als
#b3b3b3auf nahezu schwarzem Hintergrund typischerweise. - Reines Schwarz auf reinem Weiß verwenden, wenn die Markenrichtlinien es erlauben – das ergibt das sicherste Verhältnis von 21:1.
- AAA-Kontrast mit einem Benutzer-Umschalter kombinieren, wenn der Hochkontrast-Modus im Standard-Theme mit der Markenoptik kollidiert.
Häufige Fehler
- Mittelgrauer Fließtext (
#666), der 4,5:1 besteht, aber an 7:1 scheitert – ein knappes Verfehlen ist trotzdem ein Fehler. - Markenfarben-CTA-Schaltflächen, die 4,5:1 erreichen, aber nicht 7:1 – die meisten schaffen das nicht.
- Hochkontrast-Theme, das den Nicht-Text-Kontrast (1.4.11) nicht erfüllt, obwohl der Textkontrast bestanden wird.
Warum es wichtig ist
AAA ist selten vertraglich vorgeschrieben, aber die Unterstützung eines Hochkontrast-Themes wird in staatlichen und hilfstechnologieintensiven Kontexten zunehmend erwartet. Der klarste Weg besteht darin, ein optionales Hochkontrast-Theme anzubieten, das 7:1 erfüllt, ohne das Standard-Theme vom Markenbild zu entfernen.