WCAG-Kontrastprüfer
Normaler Text (16 px)
Großer Text (24 px fett)
The quick brown fox jumps over the lazy dog
Kontrastverhältnis
17.06:1
Ausgezeichnet
Erfüllung der WCAG
Häufige Fragen
Was man über Barrierefreiheit und den WCAG-Kontrast wissen sollte
Was ist der WCAG-Kontrast?
Die WCAG (Web Content Accessibility Guidelines) legen fest, wie viel Kontrast ein Text braucht, damit auch Menschen mit eingeschränktem Sehen ihn lesen können. Der Kontrast ist das Verhältnis der Leuchtdichte der helleren zur dunkleren Farbe und reicht von 1:1 (kein Kontrast) bis 21:1 (Weiß auf Schwarz).
Welcher Kontrast ist mindestens nötig?
WCAG 2.1 Stufe AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text (ab 18 pt oder 14 pt fett) sowie für Bedienelemente. Stufe AAA verlangt 7:1 für normalen und 4,5:1 für großen Text.
Wie verbessert man den Kontrast?
Den Text dunkler machen, also Schwarz oder Dunkelgrau statt Hellgrau; den Hintergrund heller oder dunkler setzen; Farben mit ähnlicher Helligkeit meiden. Werkzeuge wie dieses oder die Entwicklerwerkzeuge des Browsers zeigen die kritischen Stellen.
Welches Kontrastverhältnis verlangen die WCAG?
Stufe AA verlangt 4,5:1 bei normalem Text und 3:1 bei großem Text und Bedienelementen. Stufe AAA steigt auf 7:1 bei normalem und 4,5:1 bei großem Text.
Wie berechnet man das Kontrastverhältnis zweier Farben?
Es ergibt sich aus der relativen Leuchtdichte der beiden Farben: hellere Leuchtdichte plus 0,05, geteilt durch dunklere plus 0,05. Die Werte reichen von 1:1 bis 21:1, also Schwarz auf Weiß.
Ab wann gilt Text den WCAG als groß?
Die WCAG zählen Text ab 18 pt als groß, bei Fettschrift schon ab 14 pt. Großer Text braucht für Stufe AA nur ein Verhältnis von 3:1 statt der 4,5:1 für normalen Text.