Kontrast-Prüfer
WCAG AA und AAA Konformität für beliebige Text- und Hintergrundfarbkombinationen prüfen.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
Was ist WCAG-Konformität?
WCAG definiert Mindest-Kontrastverhältnisse zwischen Text und Hintergrund, um die Lesbarkeit für Menschen mit Sehbehinderungen zu gewährleisten. Level AA erfordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text. Level AAA ist der erweiterte Standard mit 7:1 bzw. 4,5:1.
AA oder AAA - was solltest du anstreben?
AA ist das gesetzliche Minimum für die meisten Barrierefreiheitsregelungen (EN 301 549 in Europa, Section 508 in den USA). AAA ist der Goldstandard. Die meisten Teams streben AA für alle Texte und AAA für Fließtext an.
Was gilt als "großer Text"?
WCAG definiert großen Text als 18pt (24px) oder größer bei normaler Stärke, oder 14pt (18,67px) bei fettem Text. Großer Text profitiert von einem großzügigeren Kontrastverhältnis (3:1 für AA), da die Größe selbst die Lesbarkeit verbessert.
So verwendest du dieses Tool
Wähle Text- und Hintergrundfarbe per Farbwähler oder gib Hex-Codes ein. Das Kontrastverhältnis aktualisiert sich sofort und alle vier WCAG-Prüfungen zeigen Bestanden oder Nicht bestanden. Mit der Tauschen-Schaltfläche werden die Farben vertauscht.