1.4.6 Kontrast (erhöht)

Die strengere Kontrastschwelle, 7:1, für Stellen, an denen Lesbarkeit am meisten zählt.

/ Was es verlangt

Dies ist die strengere Fassung der Kontrastregel. Normaler Text und Bilder von Text brauchen ein Verhältnis von mindestens 7:1 zum Hintergrund, großer Text mindestens 4,5:1. Die höhere Schwelle dient Menschen, deren Sehvermögen schwächer ist, als das Mindestkriterium annimmt, und die keine kontrastverstärkende assistive Technik verwenden. Am meisten gewinnen lange Fließtexte, Kleingedrucktes und alles, was auf einem schwachen Bildschirm oder in hellem Licht gelesen wird.

Großer Text ist wie in 1.4.3 definiert: mindestens 18 Punkt oder 14 Punkt fett. Auch die Ausnahmen sind dieselben: inaktive Bedienelemente, reine Dekoration, unsichtbarer Text, zufälliger Text in einem Bild und Logos. Ein Farbpaar, das 1.4.3 erfüllt, erfüllt dieses Kriterium nicht automatisch. Grau #767676 auf Weiß erreicht etwa 4,5:1 und genügt für AA, während AAA ungefähr #595959 oder dunkler verlangt. Das Kriterium gehört zur Stufe AAA, eine Konformitätsaussage für AA hängt also nicht von ihm ab.

Stufe AAA: Dieses Kriterium ist für AA-Konformität nicht erforderlich, eine Seite kann also AA erfüllen, ohne 7:1 zu erreichen.

/ Woran Seiten scheitern

Fließtext, der 4,5:1 bequem erfüllt, bleibt unter 7:1, wie die meisten mittelgrauen Texte auf Weiß.
Farbige Links und Schaltflächen, die das AA-Minimum einhalten, fallen unter die erhöhte Schwelle.
Große Überschriften in einer Markenfarbe erreichen 3:1 und verfehlen die 4,5:1, die AAA von großem Text verlangt.
Nebentext wie Datumsangaben, Bildunterschriften und Hilfetexte ist heller als der Fließtext gesetzt und landet zwischen 4,5:1 und 7:1.

/ So prüfen Sie es selbst

Messen Sie Text und Hintergrund mit dem Farbwähler in den Entwicklerwerkzeugen des Browsers oder mit einem kostenlosen Kontrastprüfer und lesen Sie das Ergebnis gegen 7:1 statt gegen 4,5:1.
Arbeiten Sie die Palette durch, nicht Seite für Seite: Listen Sie jede Textfarbe mit jedem Hintergrund auf, auf dem sie vorkommt.
Prüfen Sie großen Text gegen 4,5:1, nachdem Sie bestätigt haben, dass er mindestens 24 Pixel oder fett mindestens 18,66 Pixel groß ist.
Messen Sie Text auf Bildern und Verläufen an der schwächsten Stelle, genau wie bei 1.4.3.

/ So beheben Sie es

Dunkeln Sie die color-Werte des Fließtexts ab, bis jedes Paar 7:1 erreicht. Auf weißem Hintergrund bedeutet das etwa #595959 oder dunkler.
Prüfen Sie die Farben von Links, Schaltflächen und Statusanzeigen gesondert, denn meist sind es die Markenfarben, die die Schwelle verfehlen.
Bieten Sie ein kontrastreiches Farbschema an und schalten Sie es über die Media Query prefers-contrast oder über ein sichtbares Bedienelement auf der Seite um.
Halten Sie Text von Fotos und Verläufen fern oder legen Sie eine deckende background-color dahinter.

/ Was unser Scanner prüft

Unser Scanner hat diesem Kriterium noch keine Prüfung zugeordnet. Seine Kontrastprüfungen vergleichen Text mit den Schwellen 4,5:1 und 3:1 aus 1.4.3, eine Seite kann also ohne Befund bleiben und 7:1 trotzdem verfehlen. Erhöhter Kontrast muss von Hand geprüft werden, Farbpaar für Farbpaar, mit einem Kontrastwerkzeug, einschließlich Text über Bildern, den hier keine automatische Prüfung beurteilt.

/ Wer es verletzt, nach unseren eigenen Messungen

Der wöchentliche Index hat für dieses Kriterium keine Zahlen, weil keine Prüfung des Website-Scans es testen kann. Ein Mensch beurteilt es, und genau dafür gibt es ein manuelles Audit.

Eine Seite je Stelle, automatisch im Wochenrhythmus gemessen. Behebungen seit dem letzten Durchlauf erscheinen beim nächsten, und jede Eintragsseite bietet ein Recht auf Gegendarstellung.

/ Fragen zu diesem Kriterium

Ist ein Kontrast von 7:1 für WCAG AA vorgeschrieben?

Nein. Stufe AA verlangt nach 1.4.3 für normalen Text 4,5:1 und für großen Text 3:1. Das Verhältnis 7:1 gehört zu 1.4.6, einem Kriterium der Stufe AAA. Eine Organisation, die AA-Konformität erklärt oder daran gemessen wird, muss es nicht erfüllen, auch wenn 7:1 für Fließtext überall dort eine vernünftige Wahl ist, wo lange gelesen wird.

Was ist der Unterschied zwischen 1.4.3 und 1.4.6?

Nur die Zahlen. Beide messen das Kontrastverhältnis zwischen Text und Hintergrund, beide definieren großen Text als 18 Punkt oder 14 Punkt fett, und beide nehmen Logos, inaktive Bedienelemente, Dekoration und zufälligen Text aus. 1.4.3 verlangt auf Stufe AA 4,5:1 und 3:1. 1.4.6 verlangt auf Stufe AAA 7:1 und 4,5:1. Was das zweite erfüllt, erfüllt auch das erste.

Welchen Kontrast braucht großer Text auf Stufe AAA?

Mindestens 4,5:1. Das ist der Wert, den 1.4.3 für normalen Text verwendet, hier angewandt auf Text ab 18 Punkt oder ab 14 Punkt fett, also etwa 24 und 18,66 CSS-Pixel. Text unterhalb dieser Größen braucht auf dieser Stufe 7:1. Für Logos und Text in inaktiven Bedienelementen gilt auf keiner Stufe eine Anforderung.

Eigene Seite messen Alle gemessenen Barrieren