Barrierefreiheit
Consent-Banner: Text mit zu geringem Kontrast
Woran du es erkennst
Buttons, Links oder Beschreibungstext im geöffneten Cookie-Banner liegen unter dem WCAG-AA-Kontrast (4,5:1 für normalen, 3:1 für großen Text) — typischerweise der graue „Ablehnen“-Button, „Einstellungen“ und der Datenschutz-Link.
Warum es zählt
Das Banner ist die erste Oberfläche, die jeder Besucher sieht. Schwach lesbare Controls — besonders „Ablehnen“ und „Einstellungen“ — sind für Menschen mit Sehschwäche kaum auffindbar und machen das Ablehnen faktisch schwerer als das Zustimmen. Der reguläre Seiten-Scan sieht das nicht, weil das Banner beim Kontrast-Audit schon geschlossen ist.
So behebst du es
- Hebe den Kontrast von Text und Hintergrund aller Banner-Controls auf mindestens 4,5:1 (3:1 nur für Text ab 24px bzw. 18,66px fett) — in den Darstellungs-Einstellungen der CMP oder per CSS.
- Mach „Ablehnen“ mindestens so gut lesbar wie „Akzeptieren“: gleiche Größe, Stärke und Kontrast, kein blasser grauer Ghost-Button.
- Prüfe auch Datenschutz-Link und Beschreibungstext; sie sind oft kleiner (12–13px) und brauchen dann die vollen 4,5:1.
- Kontrolliere mit einem Kontrast-Checker oder axe bei geöffnetem Banner (Consent-Cookie löschen und neu laden).