Farb-Barrierefreiheits-Checker — WCAG-Kontrast & CVD-Simulation
Kostenloser WCAG-2.1-Kontrast-Checker für beliebige Farbkombinationen. Prüft die Lesbarkeit für AA- und AAA-Konformität — Grundlage für inklusives Webdesign.
So wird er benutzt
Vordergrund- und Hintergrundfarbe per Farbwähler oder Hex/RGB-Eingabe wählen.
Live-Textvorschau ansehen und WCAG-AA/AAA-Ergebnisse prüfen.
CVD-Streifen prüfen, um zu sehen, wie jede Farbsehschwäche Ihre Farben wahrnimmt.
Bei Durchfall auf eine vorgeschlagene Alternative klicken, um das Paar direkt zu reparieren.
Im Massen-Palette-Modus alle Paare Ihrer Design-Palette auf einmal prüfen.
Farbpaare auf WCAG-Kontrast und Unterscheidbarkeit bei Farbsehschwäche prüfen
Funktionen
Häufige Fragen
Was ist das WCAG-Kontrastverhältnis?
Die Web Content Accessibility Guidelines (WCAG) definieren Mindestkontraste zwischen Text und Hintergrund. Stufe AA verlangt 4,5:1 für normalen und 3:1 für großen Text (ab 18 pt). Stufe AAA verlangt 7:1 bzw. 4,5:1. Höhere Werte bedeuten bessere Lesbarkeit.
Was ist eine Farbsehschwäche (CVD)?
Farbsehschwäche (engl. CVD) betrifft weltweit etwa 8 % der Männer und 0,5 % der Frauen. Am häufigsten sind Protanopie (rot-blind) und Deuteranopie (grün-blind). Dieses Werkzeug zeigt, wie Ihre Farben von Menschen mit jeder CVD-Form wahrgenommen werden — damit Sie für alle gestalten.
Wie funktionieren die Alternativen-Vorschläge?
Wenn Ihr Paar WCAG oder CVD nicht besteht, sucht das Werkzeug nahe liegende Farben, die alle Kriterien bestehen. Die Helligkeit wird angepasst, der Farbton weitgehend beibehalten — so bleibt der Designeindruck erhalten.
Was ist Delta E und warum ist es wichtig?
Delta E (CIE2000) misst den wahrgenommenen Unterschied zwischen zwei Farben. Ein Wert unter 1 bedeutet, dass zwei Farben für das Auge praktisch identisch sind. Für Barrierefreiheit empfehlen wir in allen CVD-Simulationen ein Delta E ≥ 10 zwischen Vordergrund und Hintergrund.
Machen wir — und zwar kostenlos! Schreiben Sie uns kurz Ihre Idee. Wenn Sie sie im Detail besprechen möchten, hinterlassen Sie eine E-Mail-Adresse, wir melden uns. Anonym geht auch.
