WCAG-Kontrastprüfer
Prüfen Sie das Kontrastverhältnis zwischen zwei Farben und die WCAG-AA-/AAA-Konformität.
🔒 100 % clientseitig — keine Daten gesendet
WCAG-Kontrastprüfer zum Testen des Verhältnisses zwischen einer Textfarbe und ihrem Hintergrund sowie zur Validierung der AA- und AAA-Barrierefreiheit. Ideal, um Ihre Oberflächen für alle gut lesbar und mit den WCAG-Richtlinien konform zu machen. Das Verhältnis wird vollständig in Ihrem Browser berechnet; es wird keine Farbe übertragen.
FAQ
Welches Kontrastverhältnis ist erforderlich, um WCAG AA zu erfüllen?
Level AA erfordert ein Verhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text. Das Tool zeigt sofort an, ob Ihre Farben bestehen.
Was ist der Unterschied zwischen den Stufen AA und AAA?
AAA ist strenger: Es erfordert 7:1 für normalen Text und 4,5:1 für großen Text, gegenüber 4,5:1 und 3:1 bei AA. AAA zielt auf maximale Barrierefreiheit ab.
Was gilt nach WCAG als großer Text?
Text gilt ab 18 pt (24 px) normal oder 14 pt (18,66 px) fett als groß. In diesem Fall sind die Kontrastschwellen weniger streng.
Wie wird das Kontrastverhältnis berechnet?
Es vergleicht die relative Luminanz der beiden Farben mit (L1 + 0.05) / (L2 + 0.05) und ergibt einen Wert zwischen 1:1 und 21:1. Das Tool wendet diese offizielle W3C-Formel an.