BITV – Die gesetzliche Grundlage für barrierefreie Webseiten

Was ist die BITV?

Die BITV ist die Barrierefreie-Informationstechnik-Verordnung in Deutschland. Sie verpflichtet öffentliche Stellen dazu, ihre digitalen Angebote – wie Websites, mobile Apps, Dokumente und digitale Formulare – barrierefrei zu gestalten. Die aktuelle Fassung, BITV 2.0, setzt die EU-Richtlinie 2016/2102 in deutsches Recht um.


Wer ist von der BITV betroffen?

Die BITV gilt für:

  • Behörden und Verwaltungen auf Bundes-, Landes- und Kommunalebene

  • öffentlich-rechtliche Einrichtungen (z. B. Universitäten, Kammern, Rundfunkanstalten)

  • juristische Personen des öffentlichen Rechts, wenn sie öffentliche Aufgaben erfüllen

  • teilweise auch für geförderte Projekte und Programme

Private Unternehmen sind von der BITV nicht direkt betroffen – für sie gelten andere Regelungen wie das BFSG.


Was verlangt die BITV konkret?

Digitale Angebote öffentlicher Stellen müssen:

  • den internationalen Richtlinien der WCAG 2.1 auf Konformitätsstufe AA entsprechen

  • mit Tastatur, Screenreader und anderen assistiven Technologien nutzbar sein

  • verständlich, robust, operierbar und wahrnehmbar sein – gemäß den vier Prinzipien der Barrierefreiheit

  • regelmäßig geprüft werden (intern oder extern)

Zusätzlich fordert die BITV folgende Veröffentlichungen:

  • eine Barrierefreiheitserklärung auf jeder Website

  • ein Feedback-Mechanismus zur Meldung von Barrieren

  • die Möglichkeit zur Durchsetzungsanfrage bei nicht erfüllten Anforderungen


Beispiele für Anforderungen nach BITV

  • Bilder benötigen Alt-Texte.

  • Überschriften müssen in logischer Reihenfolge verwendet werden.

  • Formulare müssen korrekt beschriftet und vollständig mit der Tastatur bedienbar sein.

  • Farben dürfen nicht allein Informationsträger sein (z. B. nicht nur rot = Fehler).

  • Videos sollen Untertitel und Transkripte enthalten.

  • PDFs müssen gemäß PDF/UA-Standard strukturiert sein.


Prüfung und Kontrolle

Die Umsetzung der BITV wird von verschiedenen Prüfstellen und durch die Monitoringstellen der Länder und des Bundes überwacht. Die Ergebnisse werden regelmäßig veröffentlicht und dienen auch der EU-Kommission zur Bewertung der nationalen Fortschritte.

Ein BITV-Test kann durch zertifizierte Prüfstellen oder interne Teams durchgeführt werden – z. B. anhand eines Prüfverfahrens auf Basis der BITV-Testmethodik oder der WCAG.


BITV im Zusammenhang mit anderen Gesetzen

Die BITV ist Teil eines größeren rechtlichen Rahmens:

  • Behindertengleichstellungsgesetz (BGG) – regelt Gleichstellung auf Bundesebene

  • EU-Richtlinie 2016/2102 – wurde durch die BITV in Deutschland umgesetzt

  • EN 301 549 – dient als technische Referenznorm

  • WCAG – liefert die technischen Kriterien für die Umsetzung


Warum ist die BITV wichtig?

Die BITV ist in Deutschland das zentrale Instrument zur Sicherstellung digitaler Teilhabe im öffentlichen Bereich. Sie sorgt dafür, dass alle Menschen – auch mit Behinderungen – Zugang zu Verwaltungsdienstleistungen, Bildungsangeboten und öffentlichen Informationen haben. Damit ist sie ein essenzieller Bestandteil der digitalen Inklusion.

Informative Ratgeber und redaktionelle Artikel rund um digitale Barrierefreiheit

Weitere Artikel entdecken

Ein Mann prüft am Computer mithilfe digitaler Tools wie WAVE, axe und Lighthouse, ob die Website barrierefrei gestaltet ist.

Automatisiertes Barrierefreiheits-Testing mit axe, WAVE & Lighthouse

Automatisiertes Barrierefreiheits-Testing mit axe, WAVE und Lighthouse bringt Accessibility-Prüfungen direkt in euren Dev-Prozess: Von der lokalen Code-Extension über Pre-Commit-Hooks bis zur CI/CD-Pipeline sorgen diese Tools für schnelle, skalierbare Audits nach WCAG-Standards. axe glänzt mit tiefgehenden Regelsets für semantisches HTML und ARIA, WAVE liefert visuelles Feedback auf der Seite, und Lighthouse bietet zusätzlich Performance- und SEO-Checks. Durch frühzeitige Fehlererkennung in Pull-Requests und nächtliche Full-Site-Scans lassen sich Regressionen vermeiden und alle Releases revisionssicher dokumentieren.

Für reibungslose Abläufe empfiehlt es sich, automatische Builds bei kritischen Violations abbrechen zu lassen, Tickets via Bot zu erzeugen und KPI-gedriebene Dashboards zu pflegen. das IFDB – Institut für digitale Barrierefreiheit unterstützt euch dabei mit zertifizierten Audits, maßgeschneiderten Schulungen und Managed Monitoring, damit eure Produkte dauerhaft 100 % gesetzeskonform und inklusiv bleiben.

Weiterelesen
Frau sitzt an einem Schreibtisch und gestaltet am Computer ein modernes Webdesign mit Fokus auf Farben und Kontraste. Das Bild symbolisiert barrierefreies Design und visuelle Lesbarkeit für inklusive digitale Inhalte

Designrichtlinien für Inklusion – Farben, Kontraste & visuelle Lesbarkeit

Damit alle Nutzer per Tastatur klar erkennen, welches Element gerade aktiv ist, solltest du für Links und Buttons deutliche Fokusrahmen definieren – zum Beispiel einen 3 Pixel breiten, kontrastreichen Rand mit ausreichend Abstand zum umgebenden Inhalt. Achte darauf, dass dieser Rahmen stets gut sichtbar bleibt und nicht zu dünn oder farblich zu unauffällig ausfällt.

Für aufklappbare Untermenüs sind ARIA-Attribute unverzichtbar: Mit aria-expanded signalisierst du, ob das Submenü geöffnet ist, und über aria-controls verknüpfst du den auslösenden Button mit dem entsprechenden Menü. Zusätzlich zeigt aria-haspopup an, dass eine weitere Ebene folgt. So verstehen Screenreader zuverlässig, wann Nutzer auf ein Dropdown stoßen und in welchem Zustand es sich befindet.

Auch die mobile Navigation lässt sich barrierefrei umsetzen: Ein einfacher Hamburger-Button trägt aria-expanded=“false“ und aria-controls=“mobile-menu“ und toggelt beim Klick das versteckte

Weiterelesen
Ein diverses Team sitzt gemeinsam vor einem Bildschirm und betrachtet motiviert Inhalte am Monitor. Die Szene steht exemplarisch für eine barrierefreie Zusammenarbeit in modernen Unternehmen, in denen digitale Teilhabe, Teamarbeit und inklusive Arbeitskultur gefördert werden.

Navigation barrierefrei gestalten – Was eine zugängliche Menüführung ausmacht

Damit alle Nutzer per Tastatur klar erkennen, welches Element gerade aktiv ist, solltest du für Links und Buttons deutliche Fokusrahmen definieren – zum Beispiel einen 3 Pixel breiten, kontrastreichen Rand mit ausreichend Abstand zum umgebenden Inhalt. Achte darauf, dass dieser Rahmen stets gut sichtbar bleibt und nicht zu dünn oder farblich zu unauffällig ausfällt.

Für aufklappbare Untermenüs sind ARIA-Attribute unverzichtbar: Mit aria-expanded signalisierst du, ob das Submenü geöffnet ist, und über aria-controls verknüpfst du den auslösenden Button mit dem entsprechenden Menü. Zusätzlich zeigt aria-haspopup an, dass eine weitere Ebene folgt. So verstehen Screenreader zuverlässig, wann Nutzer auf ein Dropdown stoßen und in welchem Zustand es sich befindet.

Auch die mobile Navigation lässt sich barrierefrei umsetzen: Ein einfacher Hamburger-Button trägt aria-expanded=“false“ und aria-controls=“mobile-menu“ und toggelt beim Klick das versteckte

Weiterelesen
Kontaktieren sie uns!

Mit der IFDB haben Sie einen starken Partner an Ihrer Seite, wenn es um die Barrierefreiheit digitaler Angebote geht.

Wir stehen Ihnen gerne für alle Fragen zur Verfügung – auch telefonisch.

Vorteile der Access Ready Zertifizierung nach EU 2019/882:

Was sind die nächsten Schritte?

1

Wir prüfen Ihr digitales Angebot auf digitale Barrierefreiheit.

2

Terminvereinbarung für kostenfreie & unverbdindliche Erstberatung.

3

Zertifizierung des digitalen Auftritts. Gesetzeskonsform & barrierefrei

Kostenloser Compliance Check & Erstgespräch!