Barrierefreie Websites mit Drupal — BFSG, WCAG, BITV 2.0
Zuletzt aktualisiert: März 2026 · Lesezeit: 10 Minuten
Barrierefreiheit ist kein Feature, das ihr nachträglich ergänzt. Es ist eine Grundanforderung — rechtlich seit dem BFSG, ethisch schon lange. Über 10 Millionen Menschen in Deutschland leben mit einer anerkannten Behinderung. Dazu kommen temporäre Einschränkungen, situative Barrieren und eine alternde Gesellschaft.
Drupal ist eines der wenigen CMS, das Barrierefreiheit als Core-Commitment behandelt — nicht als Plugin. Und arocom ist die Agentur, die dieses Commitment in 160+ Drupal-Projekten seit 2012 in die Praxis überführt hat. Der CJD-Relaunch auf Drupal 11 ist unser jüngstes Beispiel: eine Plattform für 11.000 Mitarbeiter, die WCAG 2.1 AA erfüllt.
Barrierefreiheit ist keine Kür — es ist Pflicht
Seit Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für private Unternehmen in Deutschland. Die EU-Richtlinie 2016/2102 verpflichtet öffentliche Stellen bereits seit 2019. Verstöße haben rechtliche Konsequenzen — Abmahnungen, Vertragskündigungen, Ausschluss von öffentlichen Aufträgen. Unser Wissen-Hub zu WCAG und BFSG erklärt die Details der Standards und ihre praktische Bedeutung.
Aber Barrierefreiheit ist mehr als Compliance. Sie ist ein Qualitätsmerkmal, das allen Nutzern zugutekommt: bessere Lesbarkeit, klarere Struktur, schnellere Ladezeiten, bessere SEO- und GEO-Performance.
WCAG, BITV, BFSG — was gilt für euch?
Warum Drupal bei Barrierefreiheit führend ist
Drupal hat seit Version 8 ein eigenes Accessibility-Team und behandelt Barrierefreiheit als Core-Feature, nicht als Contrib-Modul. Das bedeutet:
Was Drupal mitbringt
- Semantisches HTML aus dem Core
- ARIA-Attribute automatisch generiert
- Tastaturnavigation für alle Backend-Elemente
- Farbkontrast-konforme Admin-Themes (Gin, Claro)
- Inline-Editing mit Screenreader-Unterstützung
- Mehrsprachigkeit mit barrierefreien Sprachumschaltern
Was arocom draufsetzt
- Barrierefreiheits-Audit als Teil des Zukunfts-Checks
- Custom-Themes nach WCAG 2.1 AA
- Automatisierte und manuelle Tests (axe, WAVE, Screenreader)
- Redakteurs-Schulung: Alt-Texte, Überschriften, Kontraste
- Monitoring: Barrierefreiheits-Regression verhindern
- prefers-reduced-motion und prefers-color-scheme
Was arocom für eure Barrierefreiheit tut
CJD: Barrierefreiheit in der Praxis
Beim Relaunch von cjd.de auf Drupal 11 war Barrierefreiheit keine Option, sondern Kernauforderung. Eine NGO mit 11.000 Mitarbeitern, die im Bildungs- und Sozialbereich arbeitet, braucht eine Plattform, die für alle zugänglich ist. arocom hat die technische Umsetzung verantwortet — in Partnerschaft mit 21TORR.
Schnell-Check: Ist eure Website barrierefrei?
Grundlagen
- Alle Bilder haben aussagekräftige Alt-Texte
- Überschriften-Hierarchie ist logisch (H1→H2→H3)
- Links beschreiben ihr Ziel (kein 'Hier klicken')
- Farbkontrast Text/Hintergrund mindestens 4.5:1
- Website ist per Tastatur bedienbar
- Focus-Indikatoren sind sichtbar
Fortgeschritten
- Formulare haben Labels und Fehlermeldungen
- Videos haben Untertitel
- prefers-reduced-motion wird respektiert
- Screenreader-Test bestanden (NVDA/VoiceOver)
- Skip-Navigation vorhanden
- Sprache im HTML-Element deklariert
Mehr als 3 Punkte nicht erfüllt? Dann lohnt sich ein professioneller Barrierefreiheits-Audit. Der Drupal Zukunfts-Check (Audit) enthält einen eigenen Prüfbereich für Accessibility — oder ihr bucht ihn separat.
Gilt das BFSG auch für mein Unternehmen?
Das BFSG betrifft seit Juni 2025 private Unternehmen, die digitale Produkte und Dienstleistungen anbieten — besonders E-Commerce, Bankdienstleistungen und elektronische Medien. Auch wenn eure Branche noch nicht explizit genannt wird, bewegt sich die Gesetzgebung klar in Richtung umfassender Pflicht.
Was ist der Unterschied zwischen WCAG A, AA und AAA?
Level A deckt grundlegende Barrierefreiheit ab, AA ist der Standard für Unternehmenswebsites und gesetzlich oft gefordert, AAA geht darüber hinaus und ist für die meisten Websites nicht vollständig erreichbar. arocom empfiehlt und implementiert WCAG 2.1 Level AA.
Kann eine bestehende Website barrierefrei gemacht werden?
Ja, in den meisten Fällen. Drupal macht es leichter als andere CMS, weil Barrierefreiheit im Core verankert ist. Der Aufwand hängt vom aktuellen Stand ab — ein Barrierefreiheits-Audit zeigt, wo ihr steht und was nötig ist.
Wie testet arocom Barrierefreiheit?
Wir kombinieren automatisierte Tools (axe-core, WAVE, Lighthouse) mit manuellen Tests (Tastaturnavigation, Screenreader NVDA und VoiceOver, Kontrastprüfung). Automatisierte Tools finden etwa 30 % der Probleme — für den Rest braucht es menschliche Tester.
Was kostet ein Barrierefreiheits-Audit?
Der Barrierefreiheits-Check ist als Schwerpunktbereich im Fokus-Check (ab 2.500 € zzgl. MwSt.) buchbar oder als Teil des umfassenden Standard-Checks (ab 5.000 €). Der Betrag wird vollständig auf ein Folgeprojekt angerechnet.
Können unsere Redakteure die Barrierefreiheit kaputtmachen?
Ja, wenn sie es nicht besser wissen. Deshalb gehört zu jedem arocom-Projekt eine Redakteurs-Schulung: Alt-Texte schreiben, Überschriften-Hierarchie einhalten, Linktexte formulieren. Zusätzlich setzen wir automatisierte Prüfungen ein, die Redakteure warnen.
Muss ich meine Website komplett neu bauen?
In der Regel nicht. Die meisten Barrierefreiheits-Probleme liegen im Frontend (HTML, CSS, JavaScript) und in der Content-Pflege. Drupal's Core ist bereits barrierefrei — es geht um euer Theme und eure Inhalte.
Wie verhindert arocom, dass Barrierefreiheit nach Launch wieder abnimmt?
Durch automatisierte Tests bei jedem Deployment, manuelle Stichproben im Quartals-Review und Schulung eures Teams. Barrierefreiheit ist kein Projekt, sondern ein Prozess.
Barrierefreiheits-Audit anfragen
Schreibt uns. Unser Team meldet sich innerhalb von 4 Stunden an Werktagen. Im Vorgespräch klären wir, welche Stufe des Zukunfts-Checks für eure Barrierefreiheits-Anforderungen passt.
Anfrage senden — Antwort in unter 4 Stunden
arocom Team. +49 (0) 711 633 77 960 · info@arocom.de
Weiterlesen
- Drupal Zukunfts-Check (Audit) — Barrierefreiheit als Prüfbereich
- Warum Drupal? — Drupal's Core-Commitment für Accessibility
- CJD-Referenz — Barrierefreiheit in der Praxis
- Entwicklung — Technische Umsetzung
- Schulungen — Redakteurs-Training