WCAG-Farbkontrast-Checker

Häufige Fragen

Was ist ein Kontrastverhältnis und wie wird es berechnet?

Das Kontrastverhältnis ist ein numerisches Maß für den Luminanzunterschied zwischen zwei Farben, definiert in WCAG 2.1. Es reicht von 1:1 (identische Farben, null Kontrast) bis 21:1 (reines Schwarz auf reinem Weiß). Die Formel ist (L1 + 0,05) / (L2 + 0,05), wobei L1 und L2 die relativen Luminanzen der helleren bzw. dunkleren Farbe sind.

Was ist der Unterschied zwischen WCAG AA und AAA?

WCAG AA ist in den meisten Ländern das gesetzliche Minimum für digitale Barrierefreiheit – es verlangt 4,5:1 Kontrast für normalen Text und 3:1 für großen Text. WCAG AAA ist der erweiterte Standard und verlangt 7:1 für normalen und 4,5:1 für großen Text. Es ist ideal für Zielgruppen mit Sehschwäche oder Leseschwierigkeiten. Die meisten Gesetze schreiben AA vor; AAA ist ein Best-Practice-Ziel.

Was gilt als „großer Text“ nach WCAG?

WCAG definiert großen Text als 18pt (24 px) oder größer bei normalem Schnitt oder 14pt (etwa 18,67 px) oder größer bei fettem Schnitt. Weil größerer Text bei geringerem Kontrast von Natur aus leichter zu lesen ist, gilt eine niedrigere Schwelle. Alles darunter muss den strengeren Standard 4,5:1 (AA) bzw. 7:1 (AAA) erfüllen.

Warum zeigen Farbenblindheits-Simulationen andere Kontrastverhältnisse?

Farbenblindheits-Simulationen transformieren deine Farben durch ein Wahrnehmungsmodell (Machado 2009, Stärke 1,0) im linearen sRGB-Raum. Die resultierenden simulierten RGB-Werte können andere relative Luminanzen als die Originale haben, was das berechnete Kontrastverhältnis ändert. Ein Paar, das für normales Sehen WCAG AA besteht, kann für protanope oder deuteranope Nutzer:innen durchfallen – dieses Tool macht solche Lücken sichtbar.

Sendet dieses Tool meine Farbdaten irgendwohin?

Nein. Jede Berechnung – Kontrastverhältnis, WCAG-Badge-Bewertung, Farbenblindheits-Simulation und Fix-Vorschläge – läuft komplett in deinem Browser per JavaScript. Es werden niemals Farbwerte an AppicLab-Server oder Dritte übertragen.

Wie nutze ich die Auto-Fix-Vorschläge?

Fällt dein Farbpaar bei WCAG AA durch, zeigt das Vorschlags-Panel die kleinste Helligkeitsanpassung an Text- oder Hintergrundfarbe, die das Zielverhältnis erreicht und dabei den ursprünglichen Farbton und die Sättigung bewahrt. Klick „Anwenden“ für eine Live-Vorschau oder kopiere den Hex-Code direkt. Klick das Würfel-Symbol, um eine ganz neue bestehende Palette zu würfeln.

Kann durchgefallener Farbkontrast zu Bußgeld oder Klage führen?

Ja. In der EU verlangt der European Accessibility Act (EAA), dass die meisten digitalen Produkte und Dienste bis Juni 2025 WCAG 2.1 AA erfüllen, mit Sanktionen der Mitgliedstaaten bei Verstößen. In Deutschland setzt das Barrierefreiheitsstärkungsgesetz (BFSG) den EAA um. In den USA wurde der ADA auf Websites angewandt, und Unternehmen wurden – auch vor Bundesgerichten – wegen unzugänglichen Farbkontrasts verklagt. Behörden- und Public-Sector-Seiten unterliegen der strengsten Durchsetzung. WCAG-AA-Kontrast zu erfüllen ist einer der aufwandsärmsten Wege, rechtliches Risiko zu senken.

Quellen

• WCAG 2.1 Erfolgskriterium 1.4.3 (Kontrast Minimum) — der W3C-Barrierefreiheitsstandard, der die in diesem Tool genutzten Kontrastschwellen 4,5:1 und 7:1 definiert.
• Machado, Oliveira & Fernandes (2009) — Simulation von Farbsehschwächen — das physiologisch fundierte Farbenblindheits-Simulationsmodell hinter den Protanopie-/Deuteranopie-/Tritanopie-Vorschauen.