WCAG-Kontrastprüfer

WCAG-Kontrastprüfer

Überprüfen Sie die Farbkontrastverhältnisse für die Einhaltung der Webzugänglichkeit. Stellen Sie sicher, dass Ihre Text- und Hintergrundfarbkombinationen die WCAG AA- und AAA-Standards erfüllen, um sicherzustellen, dass Ihre Inhalte für alle Benutzer lesbar sind, einschließlich Personen mit Sehbehinderungen.

Anwendung

Geben Sie eine Vordergrundfarbe (Text) und eine Hintergrundfarbe mit den Farbauswahlen oder durch Eingabe von HEX/RGB-Werten ein. Das Tool berechnet sofort das Kontrastverhältnis und zeigt an, ob Ihre Kombination die WCAG AA- und AAA-Standards für normale und große Texte erfüllt. Verwenden Sie die Swap-Schaltfläche, um die Farben schnell umzukehren.

Merkmale

• Live-Vorschau – Sehen Sie in Echtzeit, wie Ihr Text auf dem Hintergrund aussieht
• WCAG AA & AAA-Konformität – Pass/Fail-Badges für normale und große Texte auf beiden Ebenen
• Kontrastverhältnisanzeige – Genaue Verhältnisberechnung (z. B. 4,5:1)
• Mehrere Eingabeformate – Geben Sie Farben als HEX, RGB ein oder verwenden Sie die Farbauswahl
• Farben tauschen – Kehren Sie Vordergrund- und Hintergrundfarben schnell mit einem Klick um
• Verbesserungsvorschläge – Erhalten Sie Empfehlungen, wenn Ihre Farben die Konformität nicht erfüllen
• Beispieltextgrößen – Vorschau in normalen (16px) und großen (18px fett / 24px) Größen