Farbkontrast · WCAG 2.2

Keine Farbe hat Kontrast. Erst das Paar entscheidet.

Normaler Text braucht für WCAG AA mindestens 4,5:1. Große Schrift sowie notwendige Teile von Bedienelementen und Grafiken brauchen 3:1 zu angrenzenden Farben.

Live-Rechner

Ein Farbpaar. Drei Prüfungen.

Kontrastverhältnis3,658:1
Format: #RRGGBB, ohne Transparenz.

Normaler Text

16 px normal

Grenze 4,5:1 Zu wenig

Große Schrift

24 px normal · 18,7 px fett

Grenze 3:1 Reicht

Notwendiges Icon

gegen angrenzende Farbe

Grenze 3:1 Reicht

Kontrast ersetzt keine zweite Kennzeichnung: Bedeutung braucht zusätzlich Text, Form oder Muster.

Viele Textkontraste lassen sich automatisch finden. Bilder, Verläufe und interaktive Zustände brauchen zusätzlich Prüfung.

Kontraste meiner Website prüfen