Farbkontrast-Prüfer — WCAG-Barrierefreiheitstest

Farbkontrast-Prüfer — Testen Sie Ihre Farben auf Barrierefreiheit

Prüfen Sie, ob der Kontrast zwischen Ihren Text- und Hintergrundfarben die WCAG-Barrierefreiheitsstandards erfüllt. Guter Kontrast macht Ihre Inhalte für alle lesbar, einschließlich Menschen mit Sehschwäche oder Farbenblindheit — und wird zunehmend gesetzlich gefordert und von Suchmaschinen belohnt.

Was ist das Kontrastverhältnis?

Das Kontrastverhältnis misst den Helligkeitsunterschied zwischen zwei Farben, ausgedrückt von 1:1 (kein Kontrast, identische Farben) bis 21:1 (maximaler Kontrast, Schwarz auf Weiß). Je höher das Verhältnis, desto leichter ist der Text zu lesen.

Die WCAG-Standards erklärt

• AA (Minimum): 4.5:1 für normalen Text, 3:1 für großen Text — der gesetzliche Standard in den meisten Ländern
• AAA (erweitert): 7:1 für normalen Text, 4.5:1 für großen Text — der Goldstandard
• Großer Text ist definiert als 18pt+ (24px) oder 14pt+ fett (etwa 18.66px fett)

Funktionen

• Live-Berechnung: das Verhältnis aktualisiert sich sofort beim Ändern der Farben
• Farbwähler + Hex-Eingabe: visuell wählen oder exakte Hex-Codes eingeben
• Vier Prüfungen: normaler und großer Text, auf AA- und AAA-Ebene
• Live-Vorschau: sehen Sie echten Text in Ihren gewählten Farben
• Tausch-Schaltfläche: Text und Hintergrund sofort vertauschen

Warum Barrierefreiheit wichtig ist

• Inklusivität: etwa 1 von 12 Männern und 1 von 200 Frauen haben eine Form von Farbsehschwäche
• Rechtskonformität: Barrierefreiheitsgesetze (BFSG, EAA usw.) fordern zunehmend WCAG-Konformität
• Bessere UX für alle: guter Kontrast hilft jedem, besonders auf Mobilgeräten bei hellem Sonnenlicht
• SEO: Suchmaschinen berücksichtigen Barrierefreiheitssignale in der Seitenqualität

Datenschutz

Dieses Tool läuft vollständig in Ihrem Browser. Es werden keine Daten irgendwohin gesendet.