WCAG-AA- und -AAA-Kontrastprüfung

Prüfen Sie Farbkontraste nach WCAG 2.2 AA und AAA, zeigen Sie Schriftgrößen in der Vorschau an und finden Sie barrierearme Farbalternativen.

Bewegen Sie den Zeiger über ein Feld oder wählen Sie es aus, um Hilfe anzuzeigen. Escape schließt die Hilfe.

VordergrundHintergrundDeckende Grundfläche

Verwenden Sie HEX, RGB, RGBA oder HSL. Transparente Farben werden über der deckenden Grundfläche zusammengesetzt.

5.84:1

Schwellenwerte verwenden das Verhältnis mit voller Genauigkeit, nie den gerundeten Anzeigewert.

WCAG 2.2
Stufe	Verwenden	SC	Minimum	Ergebnis
AA	Normaler Text	1.4.3	4.5:1	Bestanden
AA	Großer Text	1.4.3	3:1	Bestanden
AAA	Normaler Text	1.4.6	7:1	Nicht bestanden
AAA	Großer Text	1.4.6	4.5:1	Bestanden
AA	Bedienelemente und Grafiken	1.4.11	3:1	Bestanden

VorschautextSchriftgröße (CSS-px)Fett

Aa — fiokit.

Normaler Text: AA ✓ · AAA ✗

Großer Text: mindestens 24 CSS-px oder 18,67 CSS-px in Fettschrift (14 pt).

Ziel für vorgeschlagene VordergrundfarbeBericht

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA Normaler Text (SC 1.4.3): PASS — 4.5:1
AA Großer Text (SC 1.4.3): PASS — 3:1
AAA Normaler Text (SC 1.4.6): FAIL — 7:1
AAA Großer Text (SC 1.4.6): PASS — 4.5:1
AA Bedienelemente und Grafiken (SC 1.4.11): PASS — 3:1

Dies prüft Farbpaare, nicht die vollständige WCAG-Konformität. Bewerten Sie benachbarte Farben, Interaktionszustände und echte Inhalte separat.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

So funktioniert es

Legen Sie Vordergrund, Hintergrund und deckende Grundfläche fest. AA- und AAA-Ergebnisse aktualisieren sich sofort. Testen Sie Schriftgröße und -stärke, übernehmen Sie eine vorgeschlagene Farbe oder laden Sie den Bericht herunter.

Ein praktisches Beispiel

Farben

#155bdf

Häufige Fragen

Wird mein Text an einen Server gesendet?

Nein. Der Inhalt wird in diesem Browser verarbeitet. Er wird weder an den Server gesendet noch gespeichert.

Was sollte ich über WCAG-AA- und -AAA-Kontrastprüfung wissen?

Zeigt Schwellenwerte für Text und nichttextliche Elemente getrennt an. Diese Farbprüfung bestätigt keine vollständige WCAG-Konformität.