Überblick
Farbkontraste für Texte und UI prüfen. WCAG AA/AAA auf einen Blick, inklusive Vorschau.
Wofür es passt
- Barrierefreiheit für Buttons, Texte und Links testen.
- Designvarianten schnell vergleichen.
- Kontrastprobleme früh im Prozess erkennen.
Warum es hilft
- Sofortige Bewertung für AA und AAA.
- Vorschau für typische Textgrößen.
- Alles lokal im Browser, ohne Upload.
So funktioniert es
- Vorder- und Hintergrundfarbe wählen.
- Kontrastwert und Status ablesen.
- Farben anpassen, bis alles passt.
Tipps
- Für normalen Text gilt 4.5:1 (AA) als Mindestwert.
- Für große Schrift reichen 3:1.
- AAA lohnt sich für lange Lesestrecken.
Beispiele
Beispiel: Du prüfst Button‑ und Textfarben für deine Website. Das Tool zeigt sofort AA/AAA‑Kontrastwerte. Das Ergebnis aus Kontrast Checker kannst du direkt kopieren, speichern oder in deinen Workflow übernehmen. Ideal für WCAG‑Checks, wenn UI‑Farben barrierefrei abgestimmt werden müssen.
Datenschutz
Die Verarbeitung passiert lokal im Browser. Es werden keine Daten hochgeladen.