Rechner ● Lokale Verarbeitung

Farbkontrast prüfen

Prüfen Sie den Textkontrast zweier einfarbiger HEX-Farben anhand der WCAG-2.2-AA- und AAA-Kriterien.

Tool wird vorbereitet …

Ein Rechenbeispiel ausprobieren

Prüfen Sie den Textkontrast zweier einfarbiger HEX-Farben anhand der WCAG-2.2-AA- und AAA-Kriterien.

Prüfen Sie Einheiten und Optionen und verwenden Sie dann die Berechnungsschaltfläche. Das Beispiel ist fiktiv; ersetzen Sie die Werte für Ihre eigene Berechnung.

Beispieleingabe

Textfarbe: #000000
Hintergrundfarbe: #ffffff

Erwartete Ausgabe

Kontrastverhältnis: 21,000000:1
WCAG 2.2 AA — normaler Text (4,5:1): Bestanden
WCAG 2.2 AA — großer Text (3:1): Bestanden
WCAG 2.2 AAA — normaler Text (7:1): Bestanden
WCAG 2.2 AAA — großer Text (4,5:1): Bestanden
Die Prüfung verwendet das vollständige Verhältnis; der angezeigte Wert ist gerundet.

Das Tool berechnet das Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarbe und vergleicht es mit den ausgewählten WCAG-Stufen.

Das Tool wird geladen. Die Erklärung ist auch ohne JavaScript verfügbar.

Methode und Grenzen

Geben Sie zwei deckende Farben im HEX-Format ein. Vergleichen Sie das Verhältnis mit der passenden AA- oder AAA-Anforderung für Text.

Dies ist nur eine Textkontrastprüfung. Sie bewertet keine Bedienelemente, Bilder, Verläufe, Schriftstile oder sonstigen Anforderungen an Barrierefreiheit.

✓ Lokale Verarbeitung✓ Kein Konto✓ Eingaben bleiben hier✓ Kostenlos

Kurz erklärt

Das Tool berechnet das Kontrastverhältnis zwischen Vordergrund- und Hintergrundfarbe und vergleicht es mit den ausgewählten WCAG-Stufen.

Der Seitencode und benötigte Ressourcen werden von der Website geladen. Das Tool verarbeitet die Eingaben lokal im Browser.

Anleitung

Geben Sie zwei deckende Farben im HEX-Format ein. Vergleichen Sie das Verhältnis mit der passenden AA- oder AAA-Anforderung für Text.

Grenzen

Dies ist nur eine Textkontrastprüfung. Sie bewertet keine Bedienelemente, Bilder, Verläufe, Schriftstile oder sonstigen Anforderungen an Barrierefreiheit.

Häufige Fragen

Was gilt als großer Text?

WCAG zählt mindestens 18 pt bei normaler Schrift oder 14 pt bei fetter Schrift als groß (etwa 24 px beziehungsweise 18,7 px). Dünne oder ungewöhnliche Schriften können mehr Kontrast erfordern.

Bedeutet ein bestandener Test, dass meine Seite barrierefrei ist?

Nein. Geprüft wird nur der Textkontrast zweier deckender, einfarbiger HEX-Farben. Bedienelemente, Bilder, Verläufe, Schriftgestaltung und weitere Barrierefreiheitsanforderungen werden nicht geprüft.

Quellen und Referenzen

Diese Quellen erläutern die genannte Norm oder API; sie bestätigen nicht das Ergebnis des Tools.