Kontrastprüfung

Text- und Hintergrundfarben nach WCAG 2.1 und APCA prüfen, mit Live-Vorschau und einer korrigierten Farbe, die besteht — direkt im Browser.

Über Kontrastprüfung

Was es ist

Dieses Tool misst den Kontrast zwischen einer Text- und einer Hintergrundfarbe nach zwei Standards: dem klassischen WCAG-2.1-Verhältnis mit den Stufen AA und AAA und dem neueren APCA-Wert. Eine Live-Vorschau mit Überschrift, Fließtext, Button und Badge zeigt das Paar in der eingestellten Schriftgröße und -stärke. Besteht ein Paar nicht, schlägt das Tool die nächstgelegene Farbe vor, die besteht.

Hauptfunktionen

  • WCAG-2.1-Kontrastverhältnis mit AA und AAA für normalen und großen Text.
  • Der APCA-Lc-Wert für dunkel auf hell und hell auf dunkel.
  • Eine Live-Vorschau mit deiner Schriftgröße und -stärke.
  • Eine vorgeschlagene korrigierte Farbe, die den nötigen Kontrast erreicht, mit einem Klick übernommen.
  • Sehsimulation: Protanopie, Deuteranopie, Tritanopie und Graustufen.

So funktioniert es

  1. Gib die Text- und die Hintergrundfarbe ein.
  2. Stell die verwendete Schriftgröße und -stärke ein.
  3. Lies die WCAG- und APCA-Ergebnisse und prüfe die Vorschau.
  4. Übernimm die vorgeschlagene Korrektur, wenn das Paar nicht besteht, und kopiere dann Farben oder Code.

Wann es hilft

  • Prüfen, ob eine Markenfarbe als Text auf Weiß lesbar ist.
  • Die Barrierefreiheitsanforderungen einer öffentlichen Website erfüllen.
  • Sehen, wie Menschen mit Farbenblindheit ein Farbpaar wahrnehmen.

Datenschutz und Grenzen

Deine Daten

Farben werden im Browser geprüft, und nichts wird an einen Server gesendet — die Website erhält nur ein anonymes Ereignis „Tool geöffnet“. Ein Ergebnis, das du an ein anderes Tool schickst, bleibt 24 Stunden auf diesem Gerät unter „Letzte Aktivität“.

Grenzen

  • APCA ist noch ein Entwurf für künftige WCAG-Versionen; rechtliche Vorgaben beziehen sich heute meist auf WCAG 2.1.
  • Die Sehsimulation ist eine Annäherung und kann nicht genau zeigen, was jeder Mensch sieht.

Häufige Fragen

WCAG oder APCA — woran soll ich mich halten?

WCAG 2.1 verlangen Gesetze und Audits heute meist, das sollte also bestehen. APCA ist für moderne Bildschirme und dünne Schriften genauer — eine nützliche zweite Prüfung.

Was gilt als großer Text?

Nach WCAG mindestens 24 px normal oder etwa 18,7 px fett. Großer Text braucht für AA nur 3:1 statt 4,5:1.

Wie funktioniert die vorgeschlagene Korrektur?

Das Tool behält Farbton und Sättigung der Textfarbe und ändert nur ihre Helligkeit — um den kleinsten Schritt, der das nötige Verhältnis erreicht —, und bietet dann diese Farbe an.