WCAG-Kontrast-Checker
Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarbe prüfen.
Über dieses Tool
Kontrast zwischen Text- und Hintergrundfarbe nach WCAG-Richtlinien messen, damit UI-Text für mehr Nutzer lesbar bleibt. Mit Live-Vorschau und AA/AAA-Bestanden-Hinweisen.
Was Sie erhalten
- Kontrastverhältnis mit Live-Textvorschau
- WCAG-AA- und -AAA-Bestanden für normalen und großen Text
- Hex-Eingaben mit sofortiger Neuberechnung
So verwenden Sie es
Vordergrund- und Hintergrundfarbe wählen oder einfügen und Verhältnis sowie WCAG-Ergebnis lesen.
FAQ
Was ist WCAG-Kontrastverhältnis-Anforderung?
Normaler Text mindestens 4,5:1 für AA und 7:1 für AAA; großer Text niedrigere Schwellen. Checker zeigt Bestanden/Nicht bestanden pro Level.
Wie prüfe ich, ob Textfarbe Barrierefreiheit erfüllt?
Vordergrund- und Hintergrund-Hex-Farben eingeben und Kontrastverhältnis mit Live-Textvorschau lesen.
Unterschied WCAG AA vs. AAA?
AAA zielt auf strengeren Kontrast für maximale Lesbarkeit; AA ist übliche rechtliche und Design-Baseline für die meisten Interfaces.
Welches Kontrastverhältnis für kleinen Text?
Fließtext unter ~18 pt regular (oder 14 pt bold) muss AA-Verhältnis 4,5:1 für normalen Text erfüllen.
Durch die Nutzung dieses Tools stimmen Sie unseren Nutzungsbedingungen und der Datenschutzerklärung. Ergebnisse werden ohne Gewähr bereitgestellt.