WCAG-Kontrastpruefer
Waehlen Sie eine Text- und eine Hintergrundfarbe, um das Kontrastverhaeltnis zu erhalten und zu pruefen, ob es die WCAG-AA- und AAA-Schwellen fuer normalen und grossen Text besteht. Alles laeuft im Browser.
Franz jagt im komplett verwahrlosten Taxi quer
Beispiel fuer kleinen Text bei 16px.
Kontrastverhaeltnis: -
Was die Stufen bedeuten
WCAG legt Kontrastschwellen fest, damit Text lesbar bleibt. AA ist die uebliche gesetzliche Grundlage: 4.5:1 fuer normalen Text, 3:1 fuer grossen Text (18,66px fett oder 24px+). AAA ist strenger: 7:1 und 4.5:1. Grosser Text braucht weniger Kontrast, da dickere Striche leichter lesbar sind.
Das Verhaeltnis wird mit der WCAG-2-Formel fuer relative Leuchtdichte berechnet. Es prueft die zwei eingegebenen Farben; echte Seiten sollten auch mit tatsaechlich gerendertem Text getestet werden.