Welcher Kontrast reicht aus?

Für die meisten Websites ist AA das Ziel: 4,5:1 für normalen Text. AAA wird seltener verlangt, etwa bei Angeboten für Menschen mit Sehschwäche.

Gilt Kontrast auch für Bilder mit Text?

Ja, Text in Bildern unterliegt denselben Regeln, Logos sind jedoch ausgenommen.

Darf Farbe das einzige Signal sein?

Nein. Die WCAG verlangt, dass die Bedeutung nicht allein auf Farbe beruht. Kennzeichnen Sie Formularfehler zusätzlich mit Icon oder Text.

Welche WCAG-Version nutzt das Tool?

Die Formel der relativen Luminanz und die Schwellen der WCAG 2.x, die derzeit die Grundlage der Barrierefreiheitsvorschriften bilden.

Kostenlose Online-Tools

WCAG-Kontrastprüfer für Farben

Geben Sie eine Textfarbe und eine Hintergrundfarbe an. Das Tool berechnet das Kontrastverhältnis und zeigt, ob Sie die WCAG-Stufen AA und AAA erfüllen.

Textfarbe

Hintergrundfarbe

Kontrastverhältnis

15.79:1

	AA	AAA
Normaler Text	Bestanden	Bestanden
Großer Text	Bestanden	Bestanden
UI-Elemente	Bestanden	—

Vorschau

Beispieltext auf dem gewählten Hintergrund

Ihre Daten verlassen Ihren Browser nicht. Wir senden nichts an einen Server.

So verwenden Sie das Tool

Wählen Sie Text- und Hintergrundfarbe mit der Farbauswahl oder tippen Sie Hex-Codes ein.
Lesen Sie das Kontrastverhältnis ab.
Prüfen Sie die Ergebnisse für normalen Text, großen Text und UI-Elemente.
Besteht ein Test nicht, dunkeln Sie eine Farbe ab oder hellen Sie sie auf und prüfen erneut.

Kontrastschwellen in der WCAG

Stufe AA verlangt einen Kontrast von mindestens 4,5:1 für normalen Text und 3:1 für großen Text sowie UI-Elemente wie Feldrahmen oder Icons. Stufe AAA erhöht dies auf 7:1 für normalen und 4,5:1 für großen Text.

Was als großer Text gilt

Die WCAG betrachtet Text ab 24 Pixeln, also 18 Punkt, als groß, fett ab etwa 18,7 Pixeln. Kleinerer Text muss die höhere Schwelle erfüllen.

Warum das wichtig ist

Geringer Kontrast erschwert das Lesen für Menschen mit Sehschwäche, aber auch für alle, die bei Sonne auf ein Smartphone schauen. Barrierefreiheit ist für viele Angebote in der Europäischen Union zudem eine gesetzliche Pflicht. Kontrast ist die günstigste Korrektur mit der größten Wirkung.

Häufige Fragen

Brauchen Sie mehr als ein Werkzeug?

Steckt dahinter ein größeres Projekt, eine Webseite, ein Shop oder eine App, beschreiben Sie es in einem kurzen Briefing. Wir antworten konkret und unverbindlich.

Projekt beschreiben