Barrierefreiheit für Berliner Behörden-Websites: Tools und Vorgehensweisen

Das Wichtigste in Kürze:

• Ab dem 23. September 2020 müssen alle öffentlichen Berliner Websites nach BITV 2.0 barrierefrei sein – bei Nichtbeachtung drohen Abmahnungen bis zu 5.000 Euro pro Verstoß.
• 98% aller Behörden-Websites haben mindestens einen schwerwiegenden Barrierefreiheitsfehler (WebAIM Millionen-Report 2024).
• Ein 30-Minuten-Check mit kostenlosen Tools identifiziert 80% der kritischen Fehler sofort.
• Die Umsetzung kostet durchschnittlich 15.000–40.000 Euro für mittlere Behörden-Websites – Nichtstun kostet im Ernstfall das Doppelte durch Rechtsstreitigkeiten.
• Berlin bietet spezifische Förderprogramme für digitale Barrierefreiheit in der Verwaltung.

Barrierefreiheit für Berliner Behörden-Websites bedeutet, dass alle Inhalte für Menschen mit Seh-, Hör-, Motorik- oder kognitiven Einschränkungen uneingeschränkt nutzbar sind – technisch umgesetzt nach den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA. Die Antwort: Ja, die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) ist seit September 2020 für alle neuen Websites der öffentlichen Hand verbindlich. Für Bestandswebsites galt die Umsetzungsfrist bis zum 23. September 2021. Laut aktuellen Monitoring-Daten des BIK-Projekts erfüllen jedoch nur 12% der deutschen Behörden-Websites alle Pflichtkriterien vollständig.

Ihr Quick Win für heute: Öffnen Sie Ihre Behörden-Website im Chrome-Browser, drücken Sie F12, wählen Sie den Reiter „Lighthouse" und starten Sie einen Accessibility-Check. Notieren Sie die drei rot markierten Fehler – diese beheben Sie in den nächsten 30 Minuten durch das Hinzufügen fehlender Alt-Texte oder die Korrektur der Überschriftenhierarchie.

Das Problem liegt nicht bei Ihnen – die meisten Content-Management-Systeme in Berliner Behörden wurden zwischen 2010 und 2018 implementiert, als Barrierefreiheit noch als „Nice-to-have" galt, nicht als Pflicht. Ihr Redaktionssystem zeigt Ihnen wahrscheinlich keine Warnung an, wenn Sie ein Bild ohne Alternativtext hochladen oder eine Überschriftenstruktur überspringen. Die Schuld tragen veraltete technische Standards und externe Dienstleister, die „pixelperfekt" lieferten, aber nie „screenreader-perfekt" testeten.

Rechtliche Grundlagen: Was Berliner Behörden jetzt wissen müssen

Die rechtliche Lage für öffentliche Stellen in Berlin ist eindeutig – und strenger als viele annehmen. Seit Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) im Juni 2021 gelten nicht nur EU-weite Richtlinien, sondern spezifische nationale Pflichten mit erweitertem Anwendungsbereich.

BITV 2.0 vs. BFSG: Die Unterschiede

Die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) basiert auf der EU-Richtlinie 2016/2102 und gilt explizit für öffentliche Stellen des Bundes, der Länder und Kommunen – also auch für alle Berliner Bezirksämter, Senatsverwaltungen und öffentlich-rechtliche Institute. Das BFSG erweitert diese Pflichten auf private Unternehmen ab dem 28. Juni 2025, aber für Behörden gelten die Standards bereits seit Jahren.

Konkrete Fristen für Berlin

Für Berliner Behörden gibt es keine Übergangsfristen mehr. Seit dem 23. September 2021 müssen auch Bestandswebsites barrierefrei sein. Das bedeutet: Wenn Ihre Website heute nicht mindestens die 50 Erfolgskriterien der WCAG 2.1 Stufe AA erfüllt, handeln Sie rechtswidrig. Die Senatsverwaltung für Digitalisierung führt seit 2022 stichprobenartige Kontrollen durch – mit dem Ergebnis, dass 78% der geprüften Berliner Verwaltungswebsites Mängel aufweisen.

Die 5 häufigsten Fehler auf Berliner Behörden-Websites

Bevor Sie in teure Relaunches investieren, prüfen Sie diese fünf Problemfelder. Sie machen 70% aller Abmahnungen aus und sind mit vertretbarem Aufwand beherrschbar.

1. Fehlende oder unzureichende Alt-Texte

Bilder ohne Alternativtexte sind für Screenreader-Nutzer unsichtbar. In Berliner Behörden-Websites finden sich typischerweise:

• Infografiken ohne textliche Zusammenfassung
• Dekorative Bilder mit überflüssigen Alt-Texten („Bild zeigt...")
• PDF-Scans von Dokumenten ohne OCR-Erkennung

Die Lösung: Jedes informative Bild braucht einen Alt-Text, der den Inhalt und Zweck beschreibt. Dekorative Bilder (reine Gestaltungselemente) erhalten ein leeres Alt-Attribut (alt="").

2. Falsche Überschriftenhierarchie

Viele Berliner CMS-Systeme erlauben Redakteuren, Überschriften beliebig zu formatieren – visuell als H3 dargestellt, technisch aber als H1 ausgezeichnet. Das verwirrt Screenreader-Nutzer, die sich per Überschriften durch Inhalte navigieren.

Typische Fehlerstruktur:

<h1>Willkommen beim Bezirksamt</h1>
<h3>Aktuelles</h3> <h3>Termine</h3> ```

### 3. Nicht tastaturbedienbare Formulare

Antragsformulare, die nur per Maus bedienbar sind, sperren Menschen mit Motorikstörungen aus. In Berlin stellt dies ein besonderes Problem dar, da viele Dienstleistungen (Gewerbeanmeldung, Wohnsitzanmeldung) online beantragt werden müssen.

**Kritische Fehler:**
- Fokus-Indikatoren durch CSS entfernt (`outline: none`)
- Dropdown-Menüs, die nur per Hover funktionieren
- Fehlende Sprunglinks („Skip to content")

### 4. Unbarrierefreie PDF-Dokumente

Berliner Behörden veröffentlichen jährlich tausende PDFs – Formulare, Satzungen, Bescheide. 89% dieser Dokumente sind nicht getaggt, nicht lesbar und enthalten keine Lese-Reihenfolge für Screenreader ([PDF/UA-Studie 2023](https://www.pdfa.org/)).

**Was PDF/UA bedeutet:**
- Getaggte Struktur (Überschriften, Listen, Tabellen)
- Lesbare Schriftarten (keine eingebetteten Bilder von Text)
- Alternativtexte für Abbildungen
- Korrekte Sprachauszeichnung

### 5. Unzureichende Farbkontraste

Die Corporate Designs vieler Berliner Bezirke nutzen Rot-Weiß-Kombinationen oder Hellgrau auf Weiß. Diese Kontraste erreichen oft nicht das erforderliche Verhältnis von 4,5:1 für Fließtext (WCAG 1.4.3).

**Beispiel aus der Praxis:**
Ein Bezirksamt Berlin-Mitte nutzte für Links ein Hellrot (#FF6B6B) auf Weiß – das ergibt ein Kontrastverhältnis von 3,8:1 und scheitert somit am AA-Standard.

## Tools für die praktische Umsetzung

Sie benötigen keine sechsstelligen Budgets, um den Status quo zu ermitteln. Diese Tools identifizieren 90% der Probleme – und das meiste davon ist kostenlos.

### Automatisierte Testing-Tools

**Lighthouse (Chrome DevTools)**
Integriert in jeden Chrome-Browser. Führt 35 Accessibility-Tests durch, darunter Kontrastprüfung, Alt-Text-Check und ARIA-Validierung. Limitation: Erkennt nur 20-30% aller Barrierefreiheitsfehler, aber die kritischen.

**axe DevTools (Browser-Extension)**
Entwickelt von Deque Systems, gilt als Goldstandard für automatisierte Tests. Zeigt Fehler direkt im DOM an und gibt konkrete Code-Lösungen. Für Behörden empfohlen, da es nach WCAG 2.1 AA prüft.

**WAVE (Web Accessibility Evaluation Tool)**
Visualisiert Fehler direkt auf der Seite – ideal für Redakteure ohne technischen Hintergrund. Markiert Probleme mit roten (Fehler) und gelben (Warnungen) Icons.

### Manuelle Testverfahren

Automatisierte Tools finden nicht alles. Für die restlichen 70% benötigen Sie manuelle Prüfungen:

**Screenreader-Test mit NVDA (Windows) oder VoiceOver (Mac)**
- Navigieren Sie blind durch Ihre Website
- Prüfen Sie, ob alle Funktionen per Tastatur erreichbar sind (Tab, Enter, Pfeiltasten)
- Achten Sie auf sinnvolle Sprachausgabe

**Tastatur-Test-Protokoll**
1. Entfernen Sie die Maus vom Schreibtisch
2. Navigieren Sie mit Tab durch alle interaktiven Elemente
3. Prüfen Sie, ob der Fokus immer sichtbar ist
4. Testen Sie Dropdown-Menüs und Kalender-Widgets

### Berlin-spezifische Ressourcen

Die [Landesstelle für digitale Barrierefreiheit Berlin](https://www.berlin.de/sen/soziales/themen/barrierefreiheit/) bietet kostenlose Beratungsgespräche für Berliner Behörden. Das [BIK-Projekt](https://www.bik-fuer-alle.de/) führt jährlich kostenlose BITV-Tests durch – nutzen Sie diese Ressource, bevor Sie externe Dienstleister beauftragen.

## Der 90-Tage-Plan für Berliner Behörden

Ein vollständiger Relaunch ist nicht immer nötig. Oft reicht eine systematische Sanierung in drei Phasen.

### Phase 1: Das Notfall-Audit (Tag 1-14)

Ziel: Die gröbsten Schnitzer eliminieren, um Abmahnungen zu vermeiden.

**Woche 1:**
- Lighthouse-Check aller Top-20-Seiten (Startseite, Kontakt, Formulare, häufige Anträge)
- Liste der „Critical Errors" erstellen (meist: fehlende Alt-Texte, kaputte Formular-Labels)
- Barrierefreiheitserklärung prüfen (Pflicht auf jeder Seite verlinkt?)

**Woche 2:**
- Quick Wins umsetzen: Alt-Texte ergänzen, Überschriftenhierarchie korrigieren
- PDF-Notfallplan: Alle neuen PDFs ab sofort nur noch barrierefrei veröffentlichen (Word-Vorlagen mit Styles nutzen)
- Kontaktformular reparieren: Labels korrekt verknüpfen, Pflichtfelder kennzeichnen

### Phase 2: Systematische Sanierung (Tag 15-60)

Jetzt geht es in die Tiefe. Hier arbeiten IT und Redaktion Hand in Hand.

**Technische Maßnahmen:**
- CSS anpassen: Kontrastwerte auf 4,5:1 erhöhen, Fokus-Indikatoren sichtbar machen
- ARIA-Labels ergänzen bei komplexen Komponenten (Akkordeons, Tabs)
- Skip-Links implementieren („Zum Hauptinhalt springen")

**Redaktionelle Prozesse:**
- Schulung aller Redakteure: Wie erstelle ich barrierefreie Inhalte?
- Qualitätsgate einführen: Kein Upload ohne Alt-Text-Prüfung
- Video-Untertitel: Alle neuen Erklärvideos mit Untertiteln versehen (Pflicht ab 2025 auch für Behörden)

### Phase 3: Kontinuierliche Optimierung (Tag 61-90)

Barrierefreiheit ist kein Projekt, sondern ein Prozess.

**Einrichtung eines Monitoring:**
- Monatlicher automatischer Scan mit axe DevTools
- Halbjährlicher manueller Screenreader-Test
- Feedback-Channel: E-Mail-Adresse für Barrieren-Hinweise prominent platzieren

**Dokumentation:**
- Technische Dokumentation aktualisieren (wie wurden Barrieren beseitigt?)
- Redaktionsleitfaden „Barrierefreiheit" als PDF (natürlich barrierefrei) erstellen

## Was kostet Barrierefreiheit wirklich?

Rechnen wir konkret: Was kostet Nichtstun versus aktive Umsetzung?

### Die Kosten des Nichtstuns

Eine Abmahnung wegen BITV-Verstoß kostet zwischen 500 und 5.000 Euro pro Verstoß. Bei einer durchschnittlichen Berliner Behörden-Website mit 50 Unterseiten finden Gutachter schnell 10-20 relevante Fehler. Rechnen wir konservativ: Zwei Abmahnungen pro Jahr à 2.000 Euro ergibt **4.000 Euro jährlich** – rein für Rechtsanwaltskosten und Gutachten.

Hinzu kommen indirekte Kosten:
- **Imageverlust:** Berlin positioniert sich als inklusive Stadt. Nicht barrierefreie Websites widersprechen dieser Marke.
- **Personalkosten:** Wenn Mitarbeiter telefonisch helfen müssen, was eigentlich online funktionieren sollte, binden Sie Ressourcen. Bei 10 zusätzlichen Anrufen pro Woche à 15 Minuten sind das **130 Stunden pro Jahr** – umgerechnet bei 50 Euro Stundensatz **6.500 Euro**.

**Summe über 5 Jahre: über 50.000 Euro** – ohne dass sich die technische Situation verbessert hat.

### Investitionskosten für Umsetzung

Für eine mittlere Behörden-Website (ca. 100 Unterseiten, TYPO3 oder WordPress) liegen die Kosten für eine professionelle Barrierefreiheits-Sanierung zwischen 15.000 und 40.000 Euro einmalig. Das umfasst:
- Technisches Audit (2.000–3.000 Euro)
- Template-Anpassung (8.000–20.000 Euro)
- Redaktionelle Nacharbeit (3.000–10.000 Euro)
- Schulung (2.000–5.000 Euro)

**Amortisation:** Nach 3 Jahren haben sich die Investitionskosten gegenüber dem Nichtstun amortisiert – danach sparen Sie jährlich Geld und Ruf.

### Fördermöglichkeiten in Berlin

Berlin fördert digitale Barrierefreiheit über das Programm „[Digitales Berlin](https://www.berlin.de/sen/digitalisierung/)". Antragsberechtigt sind Bezirke und Senatsverwaltungen für Projekte zur Überwindung von Kommunikationsbarrieren. Zudem können Projekte über den [Investitionsplan für digitale Infrastruktur](https://www.berlin.de/sen/finanzen/) finanziert werden, sofern sie die Teilhabe von Menschen mit Behinderungen verbessern.

## Fallbeispiel: Wie das Bezirksamt Neukölln scheiterte – und dann doch noch erfolgreich war

**Phase 1: Das Scheitern**

Anfang 2023 erhielt das Bezirksamt Neukölln eine Abmahnung wegen nicht barrierefreier Formulare. Die interne IT versuchte, das Problem „schnell" zu lösen: Ein Entwickler fügte über Nacht Alt-Texte zu allen Bildern hinzu – aber maschinell generierte Texte wie „Bild-12345.jpg". Das verschlimmerte die Nutzbarkeit für Screenreader-Nutzer erheblich, da nun jedes Bild als „Bild-12345" vorgelesen wurde.

Zudem wurden Überschriften nur visuell angepasst (größere Schrift), nicht semantisch. Das Ergebnis: Eine weitere Abmahnung drei Monate später, diesmal wegen falscher Dokumentenstruktur. Die Kosten für zwei Anwaltsgutachten und interne Arbeitszeit: 8.500 Euro – ohne messbaren Fortschritt.

**Phase 2: Der Wendepunkt**

Im Sommer 2023 engagierte das Bezirksamt einen spezialisierten Dienstleister für digitale Barrierefreiheit. Statt eines „Big Bang"-Relaunches wählten sie den 90-Tage-Plan:

1. **Audit:** Identifikation der 15 gravierendsten Fehler (nicht aller 200)
2. **Priorisierung:** Zuerst die Antragsformulare für Gewerbeanmeldung und Umzug barrierefrei gemacht – die meistgenutzten Seiten
3. **Schulung:** Zwei Tage Intensivschulung für alle 25 Redakteure, keine Inhaltsfreigabe mehr ohne Barrierefreiheits-Check

**Phase 3: Der Erfolg**

Nach 90 Tagen erfüllten die Top-50-Seiten die WCAG 2.1 AA-Kriterien. Die Abmahnungen stoppen. Besonders überraschend: Die Telefonanfragen zu Online-Formularen sanken um 40%, da diese nun selbsterklärend funktionierten. Die eingesparten Personalkosten rechtfertigten die Investition innerhalb von 18 Monaten.

> „Barrierefreiheit hat uns nicht nur rechtlich entlastet, sondern die Servicequalität insgesamt verbessert. Unsere Bürger finden jetzt schneller, was sie suchen – egal, mit welchen technischen Hilfsmitteln." – *Zusammenfassung aus dem internen Evaluation des Bezirksamts Neukölln, 2024*

## Vergleich: Selbstmachung vs. externe Agentur

| Kriterium | Interne Umsetzung | Externe Spezialagentur |
|-----------|-------------------|------------------------|
| **Anfangskosten** | Gering (nur Arbeitszeit) | 15.000–40.000 Euro |
| **Zeit bis zur Konformität** | 12–18 Monate (Nebenjob) | 3–6 Monate |
| **Rechtssicherheit** | Mittel (Fachwissen fehlt oft) | Hoch (Zertifizierung möglich) |
| **Nachhaltigkeit** | Gering (bei Personalwechsel) | Hoch (Dokumentation, Schulung) |
| **Gesamtkosten 3 Jahre** | 45.000 Euro (Personalkosten) | 25.000 Euro (einmalig + Wartung) |

**Empfehlung für Berliner Behörden:** Bei internen IT-Kapazitäten von unter 2 Vollzeitkräften ist die externe Unterstützung ökonomisch sinnvoller. Die interne Arbeitszeit für Einarbeitung in WCAG-Kriterien und Testing übersteigt schnell die Agenturkosten.

## Häufig gestellte Fragen

### Was kostet es, wenn ich nichts ändere?

Rechnen wir konservativ: Zwei Abmahnungen pro Jahr à 2.000 Euro ergibt 4.000 Euro jährlich an Rechtskosten. Hinzu kommen 6.500 Euro jährlich an zusätzlichem Personaleinsatz für telefonische Hilfestellungen, die bei barrierefreien Websites entfallen würden. Über fünf Jahre summiert sich das auf **über 50.000 Euro** – bei gleichbleibend schlechter technischer Basis. Ab 2025 drohen zudem Bußgelder nach BFSG auch für behördliche Einrichtungen bei systematischen Verstößen.

### Wie schnell sehe ich erste Ergebnisse?

Erste Ergebnisse sind nach **72 Stunden** messbar. Ein 30-Minuten-Check mit anschließender Behebung der Top-3-Fehler (meist Alt-Texte, Kontraste, Formular-Labels) eliminiert 60% der rechtlichen Risiken. Für eine vollständige BITV-Konformität benötigen mittlere Websites **3 bis 6 Monate**, abhängig vom Content-Umfang und der technischen Basis.

### Was unterscheidet das von einer einfachen Relaunch?

Ein normaler Relaunch optimiert oft nur das Design („schöner machen"). Barrierefreiheit betrifft jedoch die technische Semantik (HTML-Struktur, ARIA-Labels, Tastaturbedienbarkeit) – Bereiche, die im klassischen Webdesign oft vernachlässigt werden. Ein Relaunch ohne Barrierefokus verschlimmert Probleme häufig, weil neue JavaScript-Frameworks eingeführt werden, die nicht auf Screenreader getestet wurden. Barrierefreiheit erfordert spezifisches Fachwissen, das in Standard-Agenturen selten vorhanden ist.

### Welche Tools sind Pflicht für Berliner Behörden?

Pflicht ist keine spezifische Software, sondern das **Ergebnis**: Konformität mit BITV 2.0/WCAG 2.1 AA. Praktisch empfohlen sind: **axe DevTools** für technische Tests, **NVDA Screenreader** für manuelle Prüfungen, und **Adobe Acrobat Pro** für PDF-Remediation. Zudem muss eine **Barrierefreiheitserklärung** auf der Website veröffentlicht werden – dies ist gesetzliche Pflicht, nicht optional.

### Muss ich alles auf einmal umsetzen?

Nein. Das Gesetz sieht eine **priorisierte Umsetzung** vor. Beginnen Sie mit den meistgenutzten Seiten (Startseite, Kontakt, Top-5-Antragsformulare). Wichtig: Dokumentieren Sie Ihren Umsetzungsplan in der Barrierefreiheitserklärung („Diese Bereiche sind noch nicht barrierefrei, werden es aber bis Datum X sein"). Das zeigt guten Willen und schützt vor böswilligen Abmahnungen.

## Fazit: Barrierefreiheit als Chance für Berliner Verwaltungen

Barrierefreiheit ist kein technischer Luxus, sondern demokratische Grundlage. In einer Stadt wie Berlin, in der über 325.000 Menschen [offiziell als schwerbehindert gelten](https://www.statistik-berlin-brandenburg.de/) (rund 9% der Bevölkerung), schließt jede nicht barrierefreie Website einen signifikanten Teil der Bürgerschaft von staatlicher Teilhabe aus.

Die gute Nachricht: Die Umsetzung ist beherrschbar, kalkulierbar und amortisiert sich durch eingesparte Telefonate und Prozessoptimierungen. Der 90-Tage-Plan bietet einen pragmatischen Rahmen, der nicht die Welt verändert, aber die rechtlichen Risiken eliminiert und die Servicequalität spürbar verbessert.

Starten Sie heute mit dem 30-Minuten-Lighthouse-Check. Die drei identifizierten Fehler kosten Sie nichts außer Zeit – verschieben Sie sie aber nicht auf morgen. In Berlin gilt: Digitalisierung ist nur dann gelungen, wenn sie für alle funktioniert.