Cookie-Banner und Barrierefreiheit

Der Cookie-Hinweis ist oft das Erste, was Besucher sehen, und er liegt über allem anderen. Ist er nicht bedienbar, kommt niemand an den Inhalt dahinter. Deshalb muss gerade das Banner barrierefrei sein. Dieser Beitrag zeigt, worauf es ankommt.

Tastaturbedienung und Fokus im Banner

Erscheint das Banner als modaler Dialog, sollte der Tastaturfokus hinein wandern, im Banner gefangen bleiben (kein „Wegtabben“ in die verdeckte Seite dahinter) und nach einer Auswahl sinnvoll zurückkehren. Alle Buttons müssen per Tastatur erreichbar sein und einen sichtbaren Fokusrahmen haben.

Ausreichender Kontrast der Buttons

Gerade „Ablehnen“- oder „Einstellungen“-Schaltflächen werden gern kontrastschwach gestaltet. Es gelten dieselben Werte wie überall (siehe Farbkontraste richtig prüfen): Text mindestens 4,5:1, Bedienelemente mindestens 3:1.

Screenreader-Erkennung (Rolle und Beschriftung)

Ein modales Banner sollte als Dialog ausgezeichnet sein (role="dialog", aria-modal="true") und eine Beschriftung tragen (aria-label oder aria-labelledby), damit Screenreader Zweck und Grenzen des Dialogs erkennen.

Fairness: gleichwertige Ablehnen-Option

Neben der Barrierefreiheit gilt für Cookie-Banner eine datenschutzrechtliche Fairness-Anforderung: Ablehnen sollte so leicht möglich sein wie Zustimmen (gleichwertig sichtbarer Button, nicht nur versteckt in den Einstellungen). Das ist ein Datenschutz-Thema (TTDSG/DSGVO), kein WCAG-Kriterium; für die verbindliche Ausgestaltung im Zweifel einen Anwalt fragen.

Prüfen

Der kostenlose BFSG-Check prüft, ob dein Cookie-Banner tastaturbedienbar und fair gestaltet ist.

Dieser Beitrag dient der allgemeinen Information und ist keine Rechtsberatung. Für eine verbindliche Einschätzung deiner konkreten Situation wende dich an einen Rechtsanwalt.