Werkzeug · WCAG 1.4.3
Kontrast prüfen nach WCAG: Kontrastrechner für Text- und Hintergrundfarbe
Zu blasser Text ist eine der häufigsten Barrieren – und kein HTML-Test findet ihn zuverlässig. Mit diesem Rechner prüfst du jede Farbkombination in Sekunden.
Erst messen, dann reparieren. Der kostenlose Schnellcheck zeigt in Sekunden, was im HTML deines Shops fehlt. Das Umsetzungspaket (29 €) liefert den Reparatur-Code zu jedem Fund, den Generator für die Erklärung zur Barrierefreiheit und die Prüfliste für alles, was kein Automat findet.
Shop kostenlos prüfenUmsetzungspaket kaufenPrüfen lassen (59 €)Kontrastrechner
Normaler Text: In den Warenkorb
Großer Text: 29,90 €
Typische Fallen im Shop
- Hellgraue Platzhalter in Suchfeldern und Formularen (oft unter 3:1).
- Weißer Text auf Pastell-Knöpfen, etwa „In den Warenkorb“ auf Hellgrün.
- Durchgestrichene Altpreise in Hellgrau.
- Text auf Fotos in Bannern ohne abdunkelnde Fläche.
- Fokus-Rahmen, die sich kaum vom Hintergrund abheben.
Häufige Fragen
Welcher Kontrast ist nach WCAG nötig?
Für Stufe AA mindestens 4,5:1 bei normalem Text und 3:1 bei großem Text (ab 24 px bzw. 18,66 px fett) sowie für Bedienelemente und Grafiken. Stufe AAA verlangt 7:1 bzw. 4,5:1.
Wie rechnet der Kontrastrechner?
Nach der WCAG-Formel: Aus beiden Farben wird die relative Leuchtdichte berechnet, das Verhältnis ist (heller + 0,05) / (dunkler + 0,05).
Erst messen, dann reparieren. Der kostenlose Schnellcheck zeigt in Sekunden, was im HTML deines Shops fehlt. Das Umsetzungspaket (29 €) liefert den Reparatur-Code zu jedem Fund, den Generator für die Erklärung zur Barrierefreiheit und die Prüfliste für alles, was kein Automat findet.
Shop kostenlos prüfenUmsetzungspaket kaufenPrüfen lassen (59 €)