Barrierefreiheit
Digitale Barrierefreiheit ist mehr als Compliance. Sie erschließt neü Zielgruppen, treibt Innovation und macht Produkte für alle besser. Seit Juni 2025 ist sie für viele Unternehmen auch gesetzliche Pflicht.
Was ist digitale Barrierefreiheit?
Über eine Milliarde Menschen weltweit leben mit einer Behinderung - 15% der Weltbevölkerung. Digitale Barrierefreiheit bedeutet, diese Menschen nicht auszuschließen.
Das BFSG - was Unternehmen wissen müssen
Das Barrierefreiheitsstärkungsgesetz (BFSG) ist seit 28. Juni 2025 in Kraft. Es betrifft B2C-Unternehmen mit Websites, Apps und Online-Shops.
Wer ist betroffen?
- E-Commerce und Online-Shops
- Bankdienstleistungen und Finanzprodukte
- Buchungsportale, E-Books, Messenger
Ausnahmen:
- Kleinstunternehmen (<10 Mitarbeiter UND <2 Mio. EUR Umsatz)
- Reine B2B-Angebote (aber: interne Portale können trotzdem betroffen sein)
Bei Nichteinhaltung drohen:
- Bussgelder bis 100.000 EUR pro Verstoss
- Abmahnungen durch Wettbewerber
- Vertriebsuntersagung nicht konformer Produkte
WCAG-Richtlinien: Die drei Stufen
Der technische Standard ist WCAG 2.1 Level AA (via EN 301 549). Vier Prinzipien: Wahrnehmbar, Bedienbar, Verständlich, Robust (POUR).
| Stufe | Anforderung | Beispiele |
|---|---|---|
| Level A | Minimum | Alt-Texte, keine Tastaturfallen |
| Level AA | BFSG-Standard | Kontrast 4,5:1, konsistente Navigation |
| Level AAA | Optimum | Kontrast 7:1, Gebärdensprache |
WCAG 2.0 vs 2.1 vs 2.2: WCAG 2.1 (2018) ergänzt mobile Nutzung. WCAG 2.2 (2023) ist abwärtskompatibel - wer 2.2 erfüllt, erfüllt automatisch 2.1.
Die häufigsten Barrieren
- Fehlende Alternativtexte für Bilder
- Unzureichende Farbkontraste
- Nicht per Tastatur bedienbare Elemente
- Formulare ohne Labels
- Videos ohne Untertitel
Die gute Nachricht: Die meisten Barrieren sind technisch einfach zu beheben.
Warum Barrierefreiheit mehr ist als Compliance
Marktreichweite: Barrierefreie Produkte erreichen bis zu viermal mehr Nutzer - auch Menschen mit situativen Einschränkungen (helles Sonnenlicht, laute Umgebung).
Curb-Cut-Effekt: Was für Menschen mit Behinderung notwendig ist, macht Produkte für alle besser. Sprachsteürung, Untertitel, Dark Mode - all das begann als Barrierefreiheits-Feature.
SEO-Vorteile: Strukturierte Inhalte, Alt-Texte und semantisches HTML verbessern auch die Rankings.
Verwandte Themen: UX, Usability Testing, Usability
Passende Leistungen
Barrierefreiheit
Assessment, Workshop oder Begleitung — macht eure digitalen Produkte barrierefrei und BFSG-konform.
Mehr erfahrenBarrierefreiheit umsetzen
Barrierefreiheit-Checkliste
Eine systematische Prüfung nach WCAG-Kategorien:
Wahrnehmbar:
- Alle informativen Bilder haben Alt-Texte
- Kontrast mindestens 4,5:1 (3:1 für große Schrift)
- Informationen nicht nur durch Farbe vermittelt
- Videos haben Untertitel
Bedienbar:
- Alle Elemente per Tastatur erreichbar
- Fokus-Reihenfolge ist logisch
- Skip-Links zum Hauptinhalt vorhanden
- Keine Tastaturfallen
Verständlich:
- Seitensprache im HTML-Tag angegeben
- Formulare haben sichtbare Labels
- Fehlermeldungen sind spezifisch
- Navigation ist konsistent
Robust:
- HTML ist valide
- ARIA korrekt eingesetzt
- Custom Controls haben accessible names
Prüfmethoden:
| Methode | Abdeckung | Einsatz |
|---|---|---|
| Automatisiert | ~30% | Lighthouse, axe |
| Manüll | ~50% | Tastatur, Screenreader |
| Nutzertest | ~20% | Echte Nutzer |
Kombiniere alle drei Methoden für vollständige Prüfung.
Barrierefreiheit-Tools
Lighthouse (Chrome DevTools)
Integrierter Accessibility-Check:
- DevTools öffnen (F12)
- Tab “Lighthouse” wählen
- “Accessibility” aktivieren
- “Analyze page load” klicken
Score-Interpretation:
- 90-100: Gut (aber nicht perfekt)
- 50-89: Handlungsbedarf
- <50: Kritische Barrieren
axe DevTools (Browser-Extension)
Detailliertere Prüfung als Lighthouse:
- Mehr erkannte Issüs
- Bessere Behebunsghilfen
- Filterung nach Schweregrad
Weitere Tools:
| Tool | Zweck | Kosten |
|---|---|---|
| WAVE | Visülle Darstellung | Kostenlos |
| Color Contrast Analyzer | Kontraste prüfen | Kostenlos |
| NVDA | Screenreader (Windows) | Kostenlos |
| VoiceOver | Screenreader (macOS) | Integriert |
Wichtig: Automatisierte Tools finden nur ~30% der Probleme. Manülle Prüfung mit Screenreadern und Usability Testing sind unverzichtbar.
Der Weg zur barrierefreien Website beginnt mit einem Audit: Welche Barrieren existieren? Was muss zürst behoben werden?
Häufige Fragen
Was kostet ein Audit? Für mittelgroße Websites (50-100 Seiten): 2.000-5.000 EUR. Wichtig: Manülle Prüfung und konkrete Handlungsempfehlungen sollten enthalten sein.
Wie lange daürt die Umsetzung? Kleine Korrekturen (Alt-Texte, Kontraste): Tage. Strukturelle Änderungen: Wochen. Je früher du anfängst, desto günstiger.
Muss meine B2B-Website auch barrierefrei sein? Das BFSG betrifft primär B2C. Aber Karriereseiten und Bewerberportale fallen unter AGG. Und: Barrierefreie Websites haben bessere SEO.
Nächste Schritte
Im Erstgespräch klären wir deinen Status quo und priorisieren die wichtigsten Maßnahmen.
Unsicher, ob deine Website barrierefrei ist?
Im Erstgespräch analysieren wir gemeinsam deine Situation und klaren, welche Schritte wirklich notwendig sind.