Gesetzeskonforme Website dank BITV: Praxistipps, Prüfschritte und konkrete Umsetzungshilfen für barrierefreie digitale Angebote.

Die BITV (Barrierefreie-Informationstechnik-Verordnung) ist eine deutsche Rechtsverordnung, die öffentliche Stellen verpflichtet, ihre digitalen Angebote – Websites, Apps, Dokumente und Online-Services – barrierefrei zu gestalten. Sie basiert auf den internationalen WCAG-Standards und sichert Menschen mit Behinderungen gleichberechtigten Zugang zu digitalen Informationen.

Rechtlicher Rahmen und Entwicklung der BITV

Die Barrierefreie-Informationstechnik-Verordnung wurde erstmals 2002 als Umsetzung des Behindertengleichstellungsgesetzes (BGG) erlassen. Mit der BITV 2.0, die seit 2011 in Kraft ist, erfolgte eine grundlegende Überarbeitung und Angleichung an internationale Standards.

Die aktuelle Fassung basiert auf der EU-Richtlinie 2016/2102 über den barrierefreien Zugang zu Websites und mobilen Anwendungen öffentlicher Stellen. Diese EU-Richtlinie wurde in Deutschland durch das Barrierefreiheitsstärkungsgesetz (BFSG) weiter konkretisiert, das ab 2025 auch private Wirtschaftsakteure in bestimmten Bereichen zur Barrierefreiheit verpflichtet.

Wer ist von der BITV betroffen?

Die Verordnung richtet sich primär an:

• Bundesbehörden und öffentliche Stellen des Bundes (verpflichtende Umsetzung)
• Länder und Kommunen (über entsprechende Landesverordnungen)
• Hochschulen und Bildungseinrichtungen in öffentlicher Trägerschaft
• Körperschaften des öffentlichen Rechts

Auch wenn private Unternehmen nicht direkt der BITV unterliegen, empfiehlt sich die Orientierung an ihren Standards, da das BFSG ab 2025 erweiterte Anforderungen mit sich bringt.

Die vier Grundprinzipien der BITV (POUR)

Die Barrierefreie-Informationstechnik-Verordnung übernimmt die vier Kernprinzipien der WCAG, die mit dem Akronym POUR zusammengefasst werden:

1. Wahrnehmbarkeit (Perceivable)

Informationen müssen für alle Sinne zugänglich sein:

• Textalternativen für Nicht-Text-Inhalte (Bilder, Grafiken, Videos)
• Untertitel und Transkripte für Audio- und Videoinhalte
• Anpassbare Darstellung ohne Informationsverlust
• Ausreichende Kontraste zwischen Text und Hintergrund (mindestens 4,5:1)

Praxisbeispiel: Ein Nachrichtenvideo auf einer Behörden-Website benötigt Untertitel für gehörlose Nutzer und eine Audiodeskription für blinde Nutzer, die visuelle Inhalte beschreibt.

2. Bedienbarkeit (Operable)

Alle Funktionen müssen mit verschiedenen Eingabemethoden nutzbar sein:

• Vollständige Tastaturnavigation ohne Maus-Zwang
• Ausreichend Zeit für Interaktionen (anpassbare Zeitlimits)
• Keine Anfälle auslösenden Inhalte (maximal drei Blitze pro Sekunde)
• Klare Navigationsstrukturen mit mehreren Wegen zum Ziel
• Fokus-Indikatoren für tastaturgesteuerte Navigation

Praxisbeispiel: Ein Online-Formular muss vollständig per Tab-Taste bedienbar sein, mit sichtbarem Fokusrahmen und logischer Reihenfolge der Eingabefelder.

3. Verständlichkeit (Understandable)

Inhalte und Bedienung müssen nachvollziehbar sein:

• Lesbare und verständliche Sprache (bei Bedarf in Leichter Sprache)
• Vorhersehbares Verhalten von Elementen
• Hilfestellung bei Eingaben (Labels, Fehlermeldungen, Korrekturvorschläge)
• Konsistente Navigation innerhalb der Website

Praxisbeispiel: Ein Formular zeigt bei fehlerhafter Eingabe konkrete Hinweise („Bitte gib eine gültige E-Mail-Adresse ein“) statt nur eine rote Markierung.

4. Robustheit (Robust)

Inhalte müssen mit verschiedenen Technologien kompatibel sein:

• Valider HTML-Code nach W3C-Standards
• Kompatibilität mit assistiven Technologien (Screenreader, Braillezeilen)
• Semantisch korrekte Auszeichnung (ARIA-Labels, Landmark-Regionen)
• Zukunftssichere Implementierung

Praxisbeispiel: Eine Bildergalerie nutzt korrekte ARIA-Attribute, damit Screenreader die Anzahl der Bilder ankündigen und durch sie navigieren können.

Konformitätsstufen der BITV

Die Barrierefreie-Informationstechnik-Verordnung unterscheidet drei Konformitätsstufen:

Level A (Minimum)

Grundlegende Barrierefreiheit – diese Kriterien müssen erfüllt sein, damit eine Website überhaupt zugänglich ist. Beispiele:

• Alternativtexte für Bilder
• Tastaturnavigation für alle Funktionen
• Ausreichende Farbkontraste

Level AA (Standardniveau)

Erweiterte Barrierefreiheit – dies ist das von der BITV 2.0 geforderte Mindestniveau für öffentliche Stellen. Beispiele:

• Kontrastverhältnis von mindestens 4,5:1 für normalen Text
• Beschriftung von Formularelementen
• Konsistente Navigation

Level AAA (Optimalniveau)

Maximale Barrierefreiheit – nicht für alle Inhalte erreichbar, aber anzustreben. Beispiele:

• Kontrastverhältnis von mindestens 7:1
• Gebärdensprachvideos für alle Inhalte
• Erweitertes Zeitmanagement

Wichtig: Die BITV verpflichtet öffentliche Stellen zur Einhaltung des AA-Levels. Level AAA ist eine freiwillige Erweiterung.

Prüfung der BITV-Konformität

BITV-Test und Selbstbewertung

Die Prüfung der Barrierefreiheit erfolgt über den BITV-Test, ein systematisches Prüfverfahren mit 98 Prüfschritten. Er wurde von der Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik entwickelt.

Die drei Prüfmethoden:

1. Automatisierte Tests (Tools wie WAVE, axe DevTools)
   • Prüfen technische Kriterien wie Kontraste, Alt-Texte, HTML-Validität
   • Decken etwa 30-40% der BITV-Kriterien ab
   • Schnell, aber nicht ausreichend
2. Manuelle Prüfungen
   • Tastaturnavigation durchspielen
   • Screenreader-Tests (NVDA, JAWS)
   • Überprüfung der Verständlichkeit
3. Tests mit echten Nutzern
   • Menschen mit Behinderungen testen die Website
   • Deckt Praxisprobleme auf, die Tools übersehen
   • Empfohlen für kritische Anwendungen

Barrierefreiheitserklärung

Seit September 2020 müssen öffentliche Stellen eine Barrierefreiheitserklärung auf ihrer Website veröffentlichen, die:

• Den aktuellen Stand der Barrierefreiheit dokumentiert
• Bekannte Barrieren benennt
• Einen Feedback-Mechanismus bereitstellt
• Kontakt zur Durchsetzungsstelle angibt

Diese Erklärung muss im Footer leicht auffindbar sein und regelmäßig aktualisiert werden.

Praktische Umsetzung: Die wichtigsten Maßnahmen

Für bestehende Websites

Phase 1: Bestandsanalyse

• BITV-Test durchführen (manuell oder durch Experten)
• Kritische Barrieren identifizieren
• Priorisierung nach Nutzerrelevanz

Phase 2: Quick Wins umsetzen

• Alt-Texte für alle Bilder ergänzen
• Farbkontraste optimieren
• Formular-Labels vervollständigen
• Skip-Links für Hauptinhalte hinzufügen

Phase 3: Strukturelle Verbesserungen

• Semantische HTML-Struktur überarbeiten
• ARIA-Landmarks implementieren
• Tastaturnavigation optimieren
• PDF-Dokumente barrierefrei gestalten

Phase 4: Content-Optimierung

• Überschriftenhierarchie korrigieren
• Verständliche Linktexte statt „hier klicken“
• Alternativversionen für komplexe Inhalte
• Videos mit Untertiteln ausstatten

Für neue Website-Projekte

Barrierefreiheit von Anfang an mitdenken:

• Design-Phase: Farbkonzept mit ausreichenden Kontrasten, flexible Layouts
• Entwicklung: Semantisches HTML, ARIA-Attribute, Tastaturnavigation
• Content: Redaktionsrichtlinien für barrierefreie Inhalte
• Testing: Kontinuierliche Tests mit assistiven Technologien

Häufige Stolpersteine und Lösungen

Problem 1: PDF-Dokumente

Barriere: Gescannte PDFs sind für Screenreader unlesbar.
Lösung: PDFs mit Tags versehen oder besser gleich HTML-Versionen anbieten.

Problem 2: Dynamische Inhalte

Barriere: AJAX-Updates ohne Ankündigung für Screenreader.
Lösung: ARIA-Live-Regionen nutzen, die Änderungen ansagen.

Problem 3: Nur-Maus-Bedienung

Barriere: Dropdown-Menüs, die nur bei Hover funktionieren.
Lösung: Tastaturevents parallel implementieren (onKeyDown, onFocus).

Problem 4: Zu komplexe Sprache

Barriere: Behördendeutsch ohne Erklärungen.
Lösung: Zusätzliche Version in Leichter Sprache anbieten.

Problem 5: Captchas

Barriere: Bildbasierte Captchas sind für blinde Nutzer unlösbar.
Lösung: Audio-Alternative oder besser moderne, barrierefreie Lösungen (z. B. hCaptcha mit Accessibility-Modus).

Technische Hilfsmittel und Ressourcen

Empfohlene Testing-Tools

• WAVE (WebAIM): Browser-Extension für schnelle Erstchecks
• axe DevTools: Detaillierte Prüfung mit Entwickler-Infos
• NVDA: Kostenloser Screenreader für Windows
• Lighthouse (Chrome): Accessibility-Audit integriert

Nützliche Ressourcen

• BIK für Alle: Umfassende Infos zur BITV (bitvtest.de)
• WCAG-Übersicht: Offizielle deutsche Übersetzung
• BITV-Lotse: Praxishilfen vom Bundesministerium

Kosten und Nutzen der BITV-Umsetzung

Investitionsbedarf

Die Kosten variieren stark je nach:

• Größe und Komplexität der Website
• Aktueller Barrierefreiheitsstatus (Neuaufbau vs. Nachbesserung)
• Umfang der Inhalte (viele Videos/PDFs erhöhen Aufwand)

Richtwerte:

• Kleine Website (10-20 Seiten): 2.000-5.000 €
• Mittlere Website (50-100 Seiten): 8.000-15.000 €
• Große Website/Portal: 20.000-50.000+ €

Return on Investment

Barrierefreiheit zahlt sich aus durch:

• Erweiterte Zielgruppe: 10-15% der Bevölkerung haben eine Behinderung
• Besseres SEO: Sauberer Code und klare Struktur helfen Suchmaschinen
• Höhere Nutzerfreundlichkeit: Profitiert auch Menschen ohne Behinderung
• Rechtssicherheit: Vermeidung von Abmahnungen und Klagen
• Positives Image: Zeigt gesellschaftliche Verantwortung

Unterschied zwischen BITV, WCAG und BFSG

Diese drei Begriffe werden häufig verwechselt:

Zusammenhang: Die BITV basiert auf den WCAG-Richtlinien und wird durch das BFSG auf die Privatwirtschaft ausgeweitet.

Sanktionen bei Nichteinhaltung

Für öffentliche Stellen

• Durchsetzungsverfahren durch Überwachungsstellen der Länder
• Zwangsgelder möglich (in der Praxis selten)
• Reputationsschäden durch öffentliche Berichterstattung

Für private Unternehmen (ab 2025 durch BFSG)

• Marktüberwachung durch Behörden
• Bußgelder bis zu 100.000 € möglich
• Schadensersatzforderungen von Betroffenen
• Abmahnungen durch Wettbewerber oder Verbände

BITV und WordPress: Besondere Hinweise

Wenn du WordPress nutzt, gibt es spezifische Aspekte:

Theme-Auswahl

• Achte auf Accessibility-Ready-Themes (von WordPress zertifiziert)
• Kadence Theme bietet solide Barrierefreiheit ab Werk
• Teste das Theme mit WAVE vor der Aktivierung

Plugin-Empfehlungen

• WP Accessibility: Behebt häufige Barrieren
• Enable Media Replace: Für barrierefreie PDF-Versionen
• Accessible Poetry: Verbessert Formularbarrierefreiheit

Gutenberg und Barrierefreiheit

Der Block-Editor selbst ist weitgehend barrierefrei, aber:

• Nicht alle Custom Blocks sind es
• Teste komplexe Block-Patterns mit Tastatur
• Nutze Alt-Text-Felder konsequent

Checkliste für die BITV-Umsetzung

Basis-Anforderungen (Must-have)

• Alle Bilder haben aussagekräftige Alt-Texte
• Farbkontraste erfüllen mindestens 4,5:1 (normale Schrift)
• Website ist vollständig per Tastatur bedienbar
• Fokus-Indikator ist deutlich sichtbar
• Überschriften sind hierarchisch korrekt (H1-H6)
• Formulare haben sichtbare und verknüpfte Labels
• Links haben beschreibende Texte (kein „hier klicken“)
• HTML-Code ist valide (W3C-Konform)
• Barrierefreiheitserklärung ist vorhanden

Erweiterte Anforderungen (Should-have)

• Videos haben Untertitel und Transkripte
• Sprache ist verständlich (oder Leichte Sprache verfügbar)
• Zeitlimits sind anpassbar oder ausreichend lang
• Fehlermeldungen sind konkret und hilfreich
• ARIA-Landmarks strukturieren die Seite
• Skip-Links ermöglichen direkten Sprung zum Hauptinhalt
• PDF-Dokumente sind getaggt und zugänglich

Optimale Anforderungen (Nice-to-have)

• Gebärdensprachvideos für zentrale Inhalte
• Erhöhte Kontraste (7:1) für bessere Lesbarkeit
• Breadcrumb-Navigation für Orientierung
• Mehrere Navigationswege zum gleichen Ziel
• Regelmäßige Tests mit echten Nutzern

Barrierefreiheit ist ein Prozess

Die BITV-Konformität ist kein einmaliger Zustand, sondern erfordert kontinuierliche Pflege:

• Neue Inhalte müssen barrierefrei erstellt werden
• Updates können neue Barrieren einführen
• Standards entwickeln sich weiter (WCAG 2.2, WCAG 3.0)
• Regelmäßige Tests decken schleichende Verschlechterungen auf

Tipp: Etabliere Redaktionsrichtlinien und schule dein Team regelmäßig in Barrierefreiheit. Nur so bleibt deine Website dauerhaft BITV-konform.

Vorteile und Herausforderungen im Überblick

Fazit: BITV als Chance begreifen

Die Barrierefreie-Informationstechnik-Verordnung mag zunächst wie eine lästige Pflicht wirken – tatsächlich ist sie aber eine Chance, deine digitalen Angebote für alle Menschen zugänglich zu machen. Barrierefreiheit verbessert nicht nur die Nutzbarkeit für Menschen mit Behinderungen, sondern macht deine Website insgesamt robuster, verständlicher und benutzerfreundlicher.

Beginne mit den Quick Wins (Alt-Texte, Kontraste, Tastaturnavigation) und arbeite dich systematisch durch die BITV-Anforderungen. Mit den richtigen Tools, einem geschulten Team und einem kontinuierlichen Optimierungsprozess wird Barrierefreiheit zum selbstverständlichen Teil deiner digitalen Präsenz.

Du bist unsicher, wie barrierefrei deine Website aktuell ist? Wir bieten einen kostenlosen 30-Minuten Website-Check an, bei dem wir deine Seite auf BITV-Konformität, SEO und Performance prüfen – und dir konkrete Handlungsempfehlungen geben.

Deine Website auf Barrierefreiheit prüfen lassen

Sichere dir jetzt deinen kostenlosen 30-Minuten Website-Check im Zoom. Wir analysieren deine Website auf:

• BITV-Konformität und Barrierefreiheit
• SEO-Optimierung und Sichtbarkeit
• Performance und Ladegeschwindigkeit
• Nutzerfreundlichkeit und UX

Du erhältst konkrete Tipps, die du sofort umsetzen kannst.

Kostenlosen Check buchen

Weitere Begriffe zur digitalen Barrierefreiheit

• WCAG – Web Content Accessibility Guidelines
• BFSG – Barrierefreiheitsstärkungsgesetz
• Screenreader – Vorleseprogramme für blinde Nutzer
• ALT-Text – Alternativtexte für Bilder
• Kontrastverhältnis – Farbkontraste für bessere Lesbarkeit
• Responsive – Anpassungsfähiges Design

Fachartikel zur Barrierefreiheit

• Barrierefreie Webseiten: So erfüllst Du die WCAG-Richtlinien
• Design für alle: Wie Farben, Kontraste und Schriftarten Barrieren abbauen
• Barrierefreies Webdesign: Ein Schritt in Richtung inklusiver Online-Erfahrungen
• Abmahnung wegen fehlender Barrierefreiheit auf der Webseite
• Web Accessibility Overlays: Eine schnelle Lösung oder eine Falle?