Kontrast-Rechner
Geben Sie eine Text- und Hintergrundfarbe ein, um das WCAG-Kontrastverhältnis und die bestandenen AA- und AAA-Stufen zu ermitteln.
Jede Prüfung läuft direkt in Ihrem Browser. Keine Ihrer Eingaben wird an BroBroGo übertragen.
FAQ
Was bedeuten die Ergebnisse für AA und AAA?
AA ist die Stufe, die die meisten Websites anstreben: Sie erfordert ein Verhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text. AAA ist strenger – 7:1 für normalen Text und 4,5:1 für großen Text. Das Verhältnis reicht von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß).
Was gilt als großer Text?
Text ab 18pt (ca. 24px) oder ab 14pt (ca. 18,5px), wenn er fett gedruckt ist. Größerer Text bleibt auch bei geringerem Kontrast lesbar, weshalb er die Anforderungen für AA bereits bei 3:1 und für AAA bei 4,5:1 erfüllt (statt der strengeren Grenzwerte für normalen Text).
Welche Farbformate kann ich eingeben?
Geben Sie einen Hex-Wert wie #1a1a1a, einen rgb()-Wert wie rgb(26, 26, 26) oder einen hsl()-Wert ein – oder klicken Sie auf eines der Farbfelder, um eine Farbe auszuwählen. Mit dem Tauschen-Button können Sie Text- und Hintergrundfarbe vertauschen.
Wird hier WCAG 2 oder die neuere APCA-Methode verwendet?
Dieses Tool nutzt die Formel nach WCAG 2.1 / 2.2, auf die sich aktuelle Barrierefreiheitsregeln und Audits beziehen. APCA ist eine neuere, stärker wahrnehmungsorientierte Methode, die für die WCAG 3 entworfen wird – vielversprechend, aber noch kein offizieller Standard, weshalb die Testergebnisse hier sie nicht nutzen.