Cookie-Banner gehören inzwischen fast schon zum normalen Besuch einer Webseite dazu. Man öffnet eine Seite, möchte eigentlich nur schnell etwas lesen oder ein Produkt anschauen, und schon legt sich ein Fenster über den Inhalt. „Alle akzeptieren“, „Einstellungen“, „Ablehnen“, „Speichern“ – manchmal klar, manchmal verwirrend, manchmal kaum bedienbar.
Für viele Nutzer sind Cookie-Banner einfach nur nervig. Für Menschen mit Einschränkungen können sie aber zu einem echten Hindernis werden. Denn wenn ein Banner schlecht umgesetzt ist, kommt man im schlimmsten Fall gar nicht an die eigentliche Webseite heran.
Genau deshalb sollte man Cookie-Banner nicht nur aus Sicht von Datenschutz und Technik betrachten, sondern auch aus Sicht der Barrierefreiheit.
Das Cookie-Banner ist oft das erste Hindernis
Ein Cookie-Banner erscheint häufig direkt beim ersten Seitenaufruf. Es liegt über dem Inhalt, blockiert die Bedienung und verlangt eine Entscheidung. Das bedeutet: Bevor Besucher überhaupt die Webseite nutzen können, müssen sie mit diesem Element zurechtkommen.
Wenn dieses Banner nicht barrierefrei ist, ist die ganze Webseite an dieser Stelle praktisch nicht nutzbar. Selbst wenn der Rest der Seite gut aufgebaut ist, kann ein schlechtes Cookie-Banner alles ausbremsen.
Das ist ein bisschen so, als hätte ein Geschäft eine schöne, breite Eingangstür, aber davor steht ein schweres, schlecht lesbares Schild im Weg, das man erst irgendwie zur Seite schieben muss.
Viele Banner lassen sich schlecht mit der Tastatur bedienen
Ein großes Problem ist die Tastaturbedienung. Nicht alle Menschen nutzen eine Maus. Manche navigieren mit der Tab-Taste durch eine Webseite, andere verwenden spezielle Eingabegeräte oder Hilfstechnologien.
Ein gutes Cookie-Banner muss deshalb vollständig per Tastatur bedienbar sein. Das klingt selbstverständlich, ist es aber leider oft nicht.
Typische Probleme sind:
- Der Fokus springt nicht ins Cookie-Banner.
- Buttons sind mit der Tab-Taste nicht erreichbar.
- Man landet hinter dem Banner auf der eigentlichen Seite.
- Der Fokus bleibt im Banner gefangen, obwohl man fertig ist.
- Der aktuell ausgewählte Button ist nicht sichtbar markiert.
Besonders ärgerlich ist es, wenn man zwar durch die Seite tabben kann, aber gar nicht erkennt, welches Element gerade aktiv ist. Dann wird Bedienung zum Ratespiel.
Screenreader bekommen oft keine klare Information
Für Screenreader ist ein Cookie-Banner nur dann verständlich, wenn es technisch sauber aufgebaut ist. Das Banner muss als wichtiger Dialog erkennbar sein. Die Überschrift, der Text, die Buttons und die Auswahlmöglichkeiten müssen in einer sinnvollen Reihenfolge vorgelesen werden.
In der Praxis passiert aber oft etwas anderes. Der Screenreader liest zuerst den Seiteninhalt, dann irgendwo später den Bannertext. Oder es wird nur „Button“ vorgelesen, ohne dass klar ist, was dieser Button macht. Manchmal sind Schalter und Checkboxen nicht richtig beschriftet.
Dann hört ein Nutzer vielleicht:
„Schalter, aus.“
Aber welcher Schalter? Statistik? Marketing? Externe Medien? Notwendige Cookies? Ohne verständliche Beschriftung ist das kaum hilfreich.
Ein Cookie-Banner sollte nicht nur sichtbar funktionieren. Er muss auch für Hilfsmittel eindeutig verständlich sein.
Schlechte Kontraste machen Buttons unlesbar
Viele Cookie-Banner werden optisch an das Design der Webseite angepasst. Das ist grundsätzlich in Ordnung. Problematisch wird es, wenn die Gestaltung wichtiger ist als die Lesbarkeit.
Häufig sieht man helle graue Texte auf weißem Hintergrund, dezente Button-Rahmen oder kaum erkennbare Links. Gerade der Button „Ablehnen“ wird manchmal so unauffällig gestaltet, dass man ihn fast übersieht.
Für Menschen mit Sehschwäche ist das besonders schwierig. Aber auch alle anderen Nutzer haben damit Probleme, zum Beispiel auf dem Smartphone bei Sonnenlicht.
Wichtige Entscheidungen sollten klar sichtbar sein. Wenn ein Button kaum lesbar ist, ist das nicht nur unpraktisch, sondern auch aus Nutzersicht unfair.
Kleine Buttons sind auf dem Smartphone schwer zu treffen
Cookie-Banner müssen auch auf mobilen Geräten gut funktionieren. Genau dort sieht man aber oft die größten Probleme.
Manche Banner nehmen fast den ganzen Bildschirm ein. Andere haben winzige Links oder kleine Schalter, die schwer zu treffen sind. Wieder andere lassen sich nicht richtig scrollen, sodass wichtige Optionen außerhalb des sichtbaren Bereichs verschwinden.
Besonders schwierig wird es, wenn mehrere Ebenen vorhanden sind. Erst der Hinweis, dann die Einstellungen, dann die einzelnen Kategorien, dann eine Speicher-Schaltfläche ganz unten. Wenn das nicht sauber gestaltet ist, verliert man schnell die Orientierung.
Ein Cookie-Banner sollte auf dem Smartphone nicht wie ein zusammengequetschtes Desktop-Fenster wirken.
Die Reihenfolge ist oft unlogisch
Barrierefreiheit hat viel mit Orientierung zu tun. Nutzer sollten verstehen, wo sie sich befinden und was als Nächstes passiert. Bei Cookie-Bannern fehlt diese Klarheit häufig.
Manchmal steht oben ein langer Text, darunter kommen mehrere Links, dann Buttons, dann wieder Einstellungen. In der Tastaturreihenfolge kann das noch verwirrender sein. Der sichtbare Aufbau und die tatsächliche Bedienreihenfolge passen nicht immer zusammen.
Für Nutzer mit Screenreader oder Tastatur ist das besonders störend. Sie verlassen sich darauf, dass Inhalte logisch angeordnet sind.
Eine sinnvolle Reihenfolge wäre zum Beispiel: Überschrift, kurze Erklärung, Auswahlmöglichkeiten, Buttons zum Ablehnen, Speichern oder Akzeptieren.
„Ablehnen“ ist oft versteckt
Ein sehr häufiges Problem ist die Gestaltung der Auswahl. „Alle akzeptieren“ ist groß, farbig und sofort sichtbar. „Ablehnen“ ist dagegen klein, grau oder nur über die Einstellungen erreichbar.
Aus Sicht der Barrierefreiheit ist das problematisch, weil Nutzer unnötig suchen müssen. Eine wichtige Option sollte nicht versteckt oder absichtlich unauffällig sein.
Auch Menschen mit kognitiven Einschränkungen, geringer Lesekompetenz oder wenig technischer Erfahrung haben es dadurch schwerer. Sie klicken dann vielleicht einfach auf den auffälligsten Button, obwohl sie eigentlich etwas anderes wollten.
Ein fair gestaltetes Banner macht alle wichtigen Optionen klar erkennbar.
Zu viel Text überfordert viele Besucher
Cookie-Banner enthalten oft sehr viel Text. Manchmal wirkt es, als wäre dort ein halber Datenschutzhinweis hineingepackt worden. Lange Sätze, technische Begriffe und verschachtelte Erklärungen machen das Ganze schwer verständlich.
Natürlich müssen bestimmte Informationen bereitgestellt werden. Trotzdem sollte der sichtbare Einstieg möglichst klar und einfach sein.
Statt komplizierter Formulierungen hilft eine kurze Erklärung:
„Wir verwenden notwendige Cookies und, mit Ihrer Zustimmung, weitere Dienste zur Analyse und Verbesserung unserer Webseite.“
Danach können Details in den Einstellungen erklärt werden. Wichtig ist, dass Nutzer nicht direkt mit einem Textblock erschlagen werden.
Einstellungen sind oft schwer verständlich
Viele Banner bieten einen Bereich für individuelle Einstellungen. Das ist grundsätzlich sinnvoll. Aber auch dieser Bereich muss verständlich und bedienbar sein.
Problematisch sind zum Beispiel Kategorien ohne klare Erklärung. Begriffe wie „Präferenzen“, „Statistik“, „Marketing“ oder „Externe Medien“ sind nicht für jeden sofort verständlich. Noch schwieriger wird es, wenn Schalter nicht eindeutig zeigen, ob sie aktiv oder inaktiv sind.
Ein guter Einstellungsbereich erklärt kurz, worum es geht. Außerdem sollte klar sein, welche Auswahl gerade getroffen wurde und wie man sie speichert.
Cookie-Banner dürfen den Inhalt nicht dauerhaft blockieren
Ein Banner, das sich nicht schließen oder bedienen lässt, ist mehr als nur ein kleiner Fehler. Es kann die komplette Webseite unzugänglich machen.
Das passiert zum Beispiel, wenn ein Button nicht funktioniert, ein Overlay hängen bleibt oder der Banner auf kleinen Bildschirmen nicht vollständig sichtbar ist. Auch technische Konflikte mit Themes, Plugins oder Skripten können dazu führen.
Besonders kritisch ist das bei wichtigen Webseiten, etwa bei Online-Shops, Terminbuchungen, Dienstleistungsseiten oder Kontaktformularen. Wenn der Cookie-Banner blockiert, kommt keine Anfrage, keine Bestellung und keine Buchung zustande.
So wird ein Cookie-Banner barriereärmer
Ein Cookie-Banner muss nicht kompliziert sein. Oft reichen schon saubere Grundlagen.
Wichtig ist vor allem, dass das Banner per Tastatur vollständig bedienbar ist. Der Fokus sollte sichtbar sein und sinnvoll durch das Banner laufen. Buttons brauchen klare Beschriftungen. Farben müssen ausreichend Kontrast haben. Auf dem Smartphone müssen alle Inhalte erreichbar und gut antippbar sein.
Auch die Sprache sollte einfach bleiben. Nutzer müssen schnell verstehen, worum es geht und welche Auswahl sie treffen können.
Besonders hilfreich ist es, das Banner selbst zu testen. Einmal nur mit der Tastatur bedienen. Einmal auf dem Smartphone öffnen. Einmal prüfen, ob die wichtigsten Buttons sofort auffallen. Schon dabei entdeckt man viele Probleme.
Fazit: Cookie-Banner sind Teil der Webseite
Cookie-Banner werden oft als lästige Pflicht behandelt. Schnell ein Plugin installieren, Farben anpassen, fertig. Doch ganz so einfach ist es nicht. Ein Cookie-Banner ist ein aktiver Bestandteil der Webseite und meistens sogar das erste Element, mit dem Besucher interagieren müssen.
Wenn dieses Element nicht zugänglich ist, leidet die gesamte Nutzererfahrung. Menschen können Inhalte nicht erreichen, Einstellungen nicht ändern oder die Seite nicht richtig bedienen.
Ein gutes Cookie-Banner ist verständlich, gut lesbar, per Tastatur nutzbar und auf mobilen Geräten sauber bedienbar. Es versteckt wichtige Optionen nicht und macht den nächsten Schritt klar.
Barrierefreiheit beginnt manchmal nicht im Hauptmenü oder im Kontaktformular, sondern schon bei dem kleinen Fenster, das sich direkt beim ersten Seitenaufruf öffnet.
Dieser Artikel gibt eine allgemeine Orientierung und ersetzt keine Rechtsberatung.