Contrast Checker – WCAG 2.2 AA & AAA

Finde die Wörter auf einer Seite, die schwer lesbar sind. Contrast Checker misst jede sichtbare Textfarbe gegen ihren Hintergrund und markiert alle, die WCAG 2.2 Stufe AA oder AAA verfehlen. Kostenlos: unbegrenzte Scans, Markierungen und der Zwei-Farben-Check, ohne Konto. Pro: $6.99 einmalig, kein Abo.

WAS ES TUT
Die Erweiterung liest die gerenderten Farben jedes Elements, inklusive Transparenz und Deckkraft, und vergleicht das Verhältnis mit der gewählten Stufe. Die Ergebnisse erscheinen in einem kleinen Panel, das du auf beide Seiten verschieben kannst. Beschriftungen auf einem Foto oder Verlauf werden zur Prüfung aufgelistet, und mit der Pipette wählst du den echten Hintergrund direkt vom Bildschirm.

SO FUNKTIONIERT ES
1. Auf das Symbol in der Symbolleiste klicken und Diese Seite scannen drücken, oder Alt+Shift+K nutzen.
2. Jedes Element, das nicht besteht, erhält einen roten Rahmen mit seinem Verhältnis. Ein Klick auf ein Ergebnis springt hin und zeigt beide Farben, die Schriftgröße und den Selektor.
3. Im Code korrigieren und erneut scannen.

KOSTENLOS
• Jede Seite auf AA und AAA scannen, die Regel für großen Text wird automatisch angewendet.
• Jedes Problem direkt markiert sehen, mit einer Liste vom schlechtesten zum besten Wert.
• Zwei Farben per Hex-Wert, Farbwähler oder Pipette vergleichen.
• Mit einem änderbaren Tastenkürzel starten und beenden.

PRO ($6.99, EINMALIG)
• Ergebnisse als CSV-Datei oder eigenständigen HTML-Bericht exportieren.
• Die nächstgelegene Vorder- oder Hintergrundfarbe erhalten, die besteht.
• Den APCA-Helligkeitswert (Lc) neben jedem Verhältnis sehen.
• Hover- und Fokusfarben von Links und Buttons aus den Seiten-Styles prüfen.

GUT ZU WISSEN
Dies ist eine Prüfhilfe für die Erfolgskriterien 1.4.3 und 1.4.6. Sie deckt einen Teil der Richtlinien ab und ist keine Konformitätsbewertung.

DATENSCHUTZ
Alles läuft in deinem Browser. Die Erweiterung liest nur den Tab, den du scannst, und erst nachdem du den Scan startest. Gespeichert wird nur die E-Mail-Adresse, die du beim Kauf von Pro eingibst. Sie dient zur Prüfung deines Kaufs.