Kontrastprüfer WCAG 2.2

Kontrastverhältnis

Ergebnis

ElementAAAAA

Vorschau

Großer Text (24 px)

Großer fetter Text (18,66 px)

Normaler Text (16 px). Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.

Button

Vorschläge (gleicher Farbton)

Vordergrund anpassen – Klick übernimmt die Farbe

    Hintergrund anpassen

      Bookmarklet: alle Kontraste einer Seite

      Markiert auf jeder Webseite alle Texte mit ihrem Kontrastverhältnis (✓ bestanden, ✕ nicht bestanden, ? unsicher wegen Hintergrundbild). Gleichzeitig landet ein Bericht mit allen fehlerhaften Farbkombinationen samt Prüfer-Links in der Zwischenablage. Klick auf eine Markierung öffnet die Farben hier im Prüfer, ein zweiter Aufruf blendet alles wieder aus.

      oder diesen Link in die Lesezeichenleiste ziehen: Kontraste

      Kopieren → neues Lesezeichen anlegen → den kopierten Text als URL/Adresse einfügen. Grenzen: Texte auf Bildern, Verläufen oder überlagernden Elementen lassen sich nicht automatisch prüfen.