Prüfpunkt 1.4.6Stufe AAAFarbe und Kontrast
Wann reicht ein Kontrast von 4,5:1 nicht mehr?
Die Stufe AA verlangt für Text einen Kontrast von 4,5:1 zum Hintergrund. Für Menschen mit deutlicher Sehschwäche, etwa bei grauem Star oder altersbedingter Makuladegeneration, ist das an der Grenze. Das Kriterium 1.4.6 der Stufe AAA hebt die Schwelle auf 7:1 für normalen Text und 4,5:1 für großen Text. Der Wert ist messbar, die Umsetzung ist eine Frage der Farbwahl.
Was das Kriterium verlangt
Text und Bilder von Text erreichen einen Kontrast von mindestens 7:1 zum Hintergrund. Großer Text, also ab 24 Pixel normal oder ab 19 Pixel fett, braucht mindestens 4,5:1. Ausgenommen sind Logos, rein dekorativer Text und deaktivierte Bedienelemente. Der Kontrast wird nach der Formel der WCAG aus den Leuchtdichten der beiden Farben berechnet; Schwarz auf Weiß erreicht 21:1, ein mittleres Grau auf Weiß bleibt oft unter 4:1.
Was 7:1 in Farben bedeutet
Dunkle Schrift auf hellem Grund erreicht 7:1 mit Grautönen ab etwa #595959 auf Weiß; farbige Texte müssen deutlich dunkler sein als bei Stufe AA. Helle Schrift auf dunklem Grund funktioniert mit Weiß auf Tönen ab etwa #4d4d4d. Viele Markenfarben in Mittelblau, Grün oder Orange erreichen 7:1 nur als Fläche mit weißer Schrift, nicht als Schrift auf Weiß. Ein Kontrastmodus, den Besucher einschalten können, ist ein zulässiger Weg, wenn er alle Texte erfasst.
So gehen wir damit um
Der Messkern misst heute jeden Text gegen die Schwelle 4,5:1 der Stufe AA und nennt den gemessenen Wert je Fundstelle. Dieselbe Messung liefert damit, welche Texte 7:1 erreichen und welche nicht. Das Kriterium ist eines der wenigen der Stufe AAA, die vollständig automatisch entscheidbar sind. Es gehört zur Kategorie AAA im Wissen; im Bericht steht der gemessene Wert.
Beispiele
Text mit 4,5:1 statt 7:1
body { color: #767676; background: #ffffff; } /* 4,5:1 – Stufe AA */body { color: #595959; background: #ffffff; } /* 7,0:1 – Stufe AAA */Für normalen Text 7:1, für großen Text ab 24 Pixel 4,5:1. Der gemessene Wert steht je Fundstelle im Bericht.
So gehen Sie es an
- Messen Sie Ihre Text- und Hintergrundfarben mit einem Kontrastrechner; notieren Sie je Paar den Wert.
- Dunkeln Sie Fließtext auf mindestens 7:1 ab; Überschriften ab 24 Pixel dürfen bei 4,5:1 bleiben.
- Legen Sie Markenfarben, die 7:1 als Schrift nicht erreichen, als Flächen mit weißer Schrift an.
- Bieten Sie einen Modus mit erhöhtem Kontrast an, wenn Sie die Marke im Standard nicht ändern wollen, und prüfen Sie ihn auf allen Seiten.
Weiter im Prüfbereich Barrierefreiheit
- Wie laut darf Hintergrundmusik unter Sprache sein?WCAG 2.2 Kriterium 1.4.7 (Stufe AAA): Bei aufgezeichneter Sprache ist der Hintergrundton 20 Dezibel leiser, abschaltbar oder fehlt. Warum das Schwerhörigen hilft.
- Welche Textdarstellung erleichtert das Lesen langer Seiten?WCAG 2.2 Kriterium 1.4.8 (Stufe AAA): Farben wählbar, höchstens 80 Zeichen je Zeile, kein Blocksatz, Zeilenabstand 1,5, Text auf 200 % ohne waagrechtes Scrollen.
- Wann darf Text als Bild erscheinen?WCAG 2.2 Kriterium 1.4.9 (Stufe AAA): Text wird als echter Text ausgeliefert, Bilder von Text nur als Logo oder wenn die Darstellung wesentlich ist.
- Wann ist eine Website vollständig mit der Tastatur bedienbar?WCAG 2.2 Kriterium 2.1.3 (Stufe AAA): Jede Funktion geht mit der Tastatur, ohne die Ausnahme für Zeichenwerkzeuge. Was das für Karten, Editoren und Spiele heißt.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Alex Mihis, CC0
.jpg){kind=link}