◆ Barrierefreiheit-Compliance
Barrierefreiheit-Compliance: Wie eine Tourismus-Region ihr Banner vor dem BFSG-Stichtag bedienbar machte
Die MULTIMEDIAFABRIK baut dein Cookie-Banner barrierefrei, tastaturbedienbar, kontrastreich und screenreader-tauglich, sauber im Code und getestet. So erfüllt dein Banner die Barrierefreiheits-Pflicht rechtzeitig, ohne dass Bedienbarkeit oder Marken-Look leiden.
Ausgangssituation
Eine Tourismus-Region im Alpenraum hatte ein Banner, das nur mit der Maus bedienbar war: Per Tastatur ließ sich der Ablehnen-Button nicht erreichen, der Kontrast war zu schwach, und ein Screenreader konnte die Optionen nicht korrekt vorlesen. Der Barrierefreiheits-Stichtag rückte näher, und Verstöße ziehen Bußgelder von 10.000 bis 100.000 Euro nach sich [cookie-script BFSG, 2025].
Was sich der Kunde wünschte
Unser Banner kann man nur mit der Maus bedienen, und der Kontrast ist zu schwach. Der Stichtag steht vor der Tür. Ich will ein Banner, das jeder bedienen kann, auch per Tastatur und mit Screenreader, ohne dass unsere Gestaltung darunter leidet.
Warum das Cookie-Banner-Setup die Lösung war
Wir haben das Banner barrierefrei neu gebaut, direkt im Code statt per Overlay, und jede Anforderung getestet.
- Vollständige Tastatur-Bedienung mit logischer Fokus-Reihenfolge.
- Kontrastreiche Gestaltung von Text und Buttons.
- Screenreader-Labels, damit Vorlese-Software die Optionen versteht.
Das Ergebnis
Tastaturbedienbar statt nur per Maus · kontrastreich statt grenzwertig · screenreader-tauglich statt stumm
Die folgenden Werte sind eine illustrative Modellrechnung, aus vergleichbaren Projekten verdichtet, kein konkretes Einzel-Mandat.
| Kennzahl | Vorher | Nachher |
|---|---|---|
| Tastatur-Bedienung | nicht möglich | vollständig per Tab und Enter |
| Kontrast | zu schwach | kontrastreich, mindestens 4,5 zu 1 |
| Screenreader | stumm | korrekte Labels, vorlesbar |
| Fokus-Reihenfolge | unklar | logisch und nachvollziehbar |
Was sich daraus ableiten lässt
Wenn ein Banner nur mit der Maus funktioniert, schließt es einen Teil der Besucher aus und ist nicht konform. Drei Faktoren sind über vergleichbare Fälle konstant:
- Barrierefreiheit gehört in den Code, nicht in ein nachträgliches Overlay.
- Tastatur-Bedienung und Kontrast sind die häufigsten Schwachstellen.
- Screenreader-Tests vor dem Go-Live sichern die Konformität ab.
Mach dein Banner barrierefrei
Ist dein Banner für alle bedienbar? Wir bauen es barrierefrei im Code, testen Tastatur, Kontrast und Screenreader und dokumentieren die Konformität.
Cookie-Banner-Guide 2026
- Reject-All auf Augenhöhe: warum ein gleichwertiger Ablehnen-Button 2026 Pflicht ist und Dark Patterns abgemahnt werden
- Pre-Consent-Blocking: wie du verhinderst, dass Skripte vor der Einwilligung feuern, der häufigste Abmahn-Grund
- Consent Mode v2 sauber verdrahtet: Conversions trotz Ablehnungen messbar halten statt blind tracken
- Barrierefrei und revisionssicher: tastaturbedienbar, screenreader-tauglich und mit Audit-festem Consent-Logging
Das passt dazu
Gratis-ePaper · PDFCookie-Banner-Guide 2026Reject-All auf Augenhöhe: warum ein gleichwertiger Ablehnen-Button 2026 Pflicht ist und Dark Patterns abgemahnt werdenePaper laden ProduktProduktseite cookie-bannerAlle Funktionen, Technik und Anwendungsfälle im Überblick.Produkt ansehen Im Detail
Aus der Praxis
Wissen & Hintergrund
Häufige Fragen
- Reicht nicht ein kostenloses Cookie-Plugin?
- Mein Banner hat doch einen Akzeptieren-Button, reicht das?
- Warum sind meine Google-Ads-Conversions eingebrochen?
- Verliere ich durch das Ablehnen-Recht alle meine Analytics-Daten?
- Was bedeutet die neue Barrierefreiheits-Pflicht für mein Banner?
- Wie lange dauert die Umsetzung?
- Wir haben fünf Domains, geht das einheitlich?
- Beeinträchtigt das Banner die Ladegeschwindigkeit meiner Seite?
Bereit für den nächsten Schritt?
Wir hören zu, denken mit und zeigen dir, was für dein Vorhaben wirklich Sinn ergibt.