Prüfen Sie das WCAG-Kontrastverhältnis zweier Farben und sehen Sie, ob AA und AAA bestanden werden.
Dieses Tool meldet nur das reine Ergebnis der WCAG-Kontrastformel und das Bestehen bzw. Nichtbestehen der vier Schwellenwerte – es bedeutet nicht, dass „diese Seite WCAG-konform ist“. Die tatsächliche Konformität hängt weiterhin von Schriftgröße, Schriftstärke und Ihrem übrigen Design ab.
Noch keine Kommentare. Schreiben Sie den ersten!
Der Farbkontrast-Prüfer berechnet mit der WCAG-Formel das Kontrastverhältnis zwischen Vorder- und Hintergrundfarbe und kennzeichnet das Bestehen von AA/AAA für normalen und großen Text.
Nicht unbedingt. Dieses Tool meldet nur die reine Kontrastberechnung und das Bestehen oder Nichtbestehen der vier Schwellenwerte – die tatsächliche WCAG-Konformität hängt auch von Schriftgröße, Schriftstärke und Ihrem Gesamtdesign ab.
Farbe allein (z. B. ein grüner oder roter Punkt) ist für farbenblinde Nutzer nicht zugänglich, daher zeigt jeder Schwellenwert immer sowohl ein Symbol als auch ein Textlabel (Pass/Fail).
Ein transparenter Hintergrund erfordert eine zusätzliche deckende Farbe als „Hintergrund der Zeichenfläche“ – das Tool berechnet mit der vorhandenen Überlagerungslogik des Kerns die resultierende deckende Farbe, bevor der Kontrast berechnet wird.
Glassmorphism-Effekt in Echtzeit ansehen und den CSS-Code mit einem Klick kopieren
