Was dieses Tool macht
Prüfe Vorder- und Hintergrundfarbe anhand objektiver Textkontrastwerte und halte gängige Farbformate zusammen.
Anleitung
- HEX-Werte für Vorder- und Hintergrund eingeben oder die Farbauswahl nutzen.
- Kontrastverhältnis und die vier AA-/AAA-Prüfungen für Text berechnen.
- Das berechnete Beispiel prüfen und Verhältnis, Ergebnisse sowie HEX-, RGB- und HSL-Werte kopieren.
Formel und Methode
sRGB-Kanäle werden in relative Leuchtdichte linearisiert. Verhältnis = (hellere Leuchtdichte + 0,05) ÷ (dunklere + 0,05); vor dem Grenzwerttest wird nicht gerundet.
Beispiel
Schwarz auf Weiß ergibt 21:1 und besteht alle vier Prüfungen. #008580 auf #FFFFFF ergibt etwa 4,499954:1 und verfehlt AA für normalen Text, da der Wert unter 4,5:1 liegt.
Geeignet für
- Textfarben für Webseiten prüfen
- HEX in RGB und HSL umrechnen
- Designtokens vor Veröffentlichung prüfen
Grenzen und Hinweise
Prüft nur zwei deckende Vollfarben. Verläufe, Bilder, Transparenz, tatsächliche Schriftdarstellung und Fokusmarkierungen werden nicht gemessen. Die Ergebnisse gelten für Textkontrast und ersetzen keine Prüfung von Nicht-Text-Kontrast oder der gesamten Barrierefreiheit.
Häufige Fragen
Welche Grenzwerte gelten?
WCAG 2.2 verlangt für normalen Text mindestens 4,5:1 bei AA und 7:1 bei AAA; für großen Text gelten 3:1 bzw. 4,5:1. Die Schriftgröße wird wie ausgeliefert, vor einer Vergrößerung durch Nutzer, geprüft.
Macht ein Bestehen die Seite barrierefrei?
Nein. Geprüft wird nur der Kontrast der Textfarben. Struktur, Tastaturbedienung, Beschriftungen, Nicht-Text-Kontrast und Fokus müssen gesondert geprüft werden.