Tools Kontrast-Checker
FARBKONTRAST. WCAG PRÜFEN.
Vorder- und Hintergrundfarbe gegen WCAG AA und AAA für normalen und großen Text. Ratio, Textvorschau und einfache Aufhell-/Abdunkelvorschläge. Lokal im Browser — kein a11y-Audit-Ersatz.
- Lokal Nichts wird gesendet.
- AA / AAA Normal und groß.
- Brand #a0333d Quick-Chips.
Farbkontrast lokal nach WCAG prüfen
Rechnet das Kontrastverhältnis nach Relativluminanz. Kein Design-Urteil und kein vollständiges a11y-Audit — mehrere Farbpaare, lokal im Browser.
—
Aktives Paar — Vorschau & Vorschläge
Einfache Anpassungsvorschläge
Normal: AA 4,5:1 / AAA 7:1 · Groß: AA 3:1 / AAA 4,5:1 (ca. 18 pt bzw. 14 pt fett)
Wann nutzen / wann nicht
Wann nutzen
Farbpaare gegen WCAG AA/AAA checken — Ratio und Textvorschau lokal.
Wann nicht
Kein vollständiges a11y-Audit.
So funktioniert's
- 01
Farben wählen. Pro Paar Vorder- und Hintergrund per Hex oder Color-Picker. Optional Markenrot auf Weiß oder Schwarz als Chip fürs aktive Paar. Weitere Paare hinzufügen.
- 02
Ratio und Stufen lesen. Jedes Paar zeigt Kontrastverhältnis und AA/AAA. Die Summary zählt, wie viele Paare AA normal erfüllen. Vorschau gilt fürs aktive Paar.
- 03
Anpassen. Farben tauschen oder eine einfache Aufhell-/Abdunkelschritte ausprobieren. Das ersetzt kein vollständiges a11y-Audit.
Schneller Kontrast-Check. Umfassende Barrierefreiheit und Umsetzung bleiben Webentwicklung. Webentwicklung .
OFT GEFRAGT
Wird etwas hochgeladen?
Nein. Farben und Berechnung bleiben in Deinem Browser.
Welche Grenzwerte gelten?
WCAG: normaler Text AA 4,5:1 / AAA 7:1; großer Text AA 3:1 / AAA 4,5:1. Groß heißt typisch ab 18 pt bzw. 14 pt fett — die Vorschau zeigt beides.
Sind die Aufhell-/Abdunkelvorschläge perfekt?
Nein. Es sind einfache Schritte in Richtung mehr Kontrast, kein Design-Urteil und kein vollständiges a11y-Audit.
Wozu die Markenrot-Chips?
Schnell #a0333d auf Weiß oder Schwarz prüfen — unsere Brand-Farbe als Beispiel, nicht als Pflicht für Deine Seite.
Ersetzt das ein Barrierefreiheits-Audit?
Nein. Es prüft nur Kontrast zweier Farben. Fokus, Tastatur, Screenreader und Umsetzung bleiben Webentwicklung.
LASS UNS GEMEINSAM
DEINEN AUFTRITT ROCKEN
Bereit für den nächsten Schritt? Dann melde Dich jetzt direkt für Dein unverbindliches Erstgespräch!
Anrufen
+43 4254 51525