Farbkontrast-Prüfer (WCAG)
Prüfen Sie, ob eine Vordergrund-/Hintergrundfarbkombination die WCAG-AA- und AAA-Barrierefreiheitsstandards erfüllt. Unverzichtbar für barrierefreies Webdesign.
Funktionen
Anleitung
1. Text- und Hintergrundfarbe festlegen — Muster und WCAG-Urteil aktualisieren sich live.
2. Zwischen den Mustern (Schrift / Artikel / Oberfläche) wechseln, um das Farbpaar im realistischen Einsatz zu beurteilen; S tauscht die beiden Farben.
3. Scheitert eine Stufe, hilft die Ein-Klick-Korrektur — sie ändert nur die Helligkeit und erhält den Farbton — oder den WCAG-Bericht kopieren.
Über dieses Werkzeug
Text, dessen Helligkeit der des Hintergrunds zu ähnlich ist, ist für alle schwer und für manche Menschen gar nicht lesbar. Die Web Content Accessibility Guidelines (WCAG) messen das mit einem Kontrastverhältnis von 1:1 bis 21:1, das auf der relativen Leuchtdichte beider Farben beruht. Stufe AA verlangt mindestens 4,5:1 für Fließtext und 3:1 für großen Text (24 px oder etwa 18,66 px fett); Stufe AAA erhöht das auf 7:1 bzw. 4,5:1. Dieser Prüfer berechnet das Verhältnis live, zeigt für alle vier Schwellen „bestanden“ oder „nicht bestanden“ und stellt ein echtes Schriftmuster, einen Artikel und eine Oberfläche dar, damit Sie die Kombination im Zusammenhang beurteilen können. Fällt eine Stufe durch, schlägt er die nächstgelegene Textfarbe vor, die besteht – nur durch Änderung der Helligkeit.