BITV 2.0 in Deutschland — Anforderungen und Compliance
Was verlangt die Barrierefreie-Informationstechnik-Verordnung von deutschen Websites? Erfahre, welche Regeln gelten und wie du sie umsetzt.
Warum BITV 2.0 wichtig ist
Die BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung 2.0) ist in Deutschland seit 2019 gültig. Sie verpflichtet öffentliche Stellen, ihre Websites und mobilen Anwendungen barrierefrei zu gestalten. Das klingt kompliziert, ist aber eigentlich eine praktische Anleitung für bessere Websites.
Barrierefreiheit bedeutet: Menschen mit unterschiedlichsten Fähigkeiten können deine Website nutzen. Nicht nur Menschen mit Behinderungen profitieren davon — auch ältere Menschen, Menschen in lauten Umgebungen oder mit langsamen Internetverbindungen. It’s a win for everyone.
Die drei Anforderungsstufen der BITV 2.0
BITV 2.0 basiert auf drei Konformitätsstufen — A, AA und AAA. Welche gelten für dich?
Stufe A — Grundlagen
Die Basis. Hier geht’s um die wichtigsten Anforderungen: Alt-Texte für Bilder, aussagekräftige Überschriften, Tastaturnavigation. Wer nur diese Stufe erfüllt, hat schon viel getan. Die meisten öffentlichen Stellen sollten mindestens A erfüllen.
Stufe AA — Standard
Das ist die Anforderung für öffentliche Websites in Deutschland. AA bedeutet: bessere Farbkontraste (mindestens 4,5:1), klare Sprachlichkeit, erweiterte Fokus-Indikatoren. Die meisten neuen Websites sollten hier ansetzen.
Stufe AAA — Erweitert
Die höchste Stufe. AAA ist optional, aber empfohlen für Websites, die von vielen älteren Menschen oder Menschen mit kognitiven Beeinträchtigungen genutzt werden. Es braucht 7:1 Kontrast und weitere Verbesserungen.
Schritt für Schritt: So implementierst du BITV 2.0
Die praktische Umsetzung ist nicht so schwer, wie es klingt. Wir haben die vier wichtigsten Schritte zusammengefasst.
Semantisches HTML verwenden
Das ist die Grundlage. Nutze echte HTML-Elemente: <h1>, <h2>, <button>, <nav>, <main>, <footer>. Nicht alles mit <div> bauen. Screenreader brauchen diese semantische Struktur, um die Seite zu verstehen. Ein ordentlich strukturiertes Dokument hilft auch SEO.
Alt-Texte schreiben, die wirklich helfen
Alt-Text ist nicht optional. Schreib 80-120 Zeichen, die das Bild beschreiben. Nicht: “Bild1.jpg”. Sondern: “Zwei Hände an einer Tastatur, Nahaufnahme der Finger beim Tippen”. Screenreader-Nutzer sind dann genauso informiert wie sehende Menschen.
Farbkontraste überprüfen
Für AA brauchst du 4,5:1 Kontrast zwischen Text und Hintergrund. Das bedeutet: nicht helles Grau auf Weiß. Tools wie WebAIM Contrast Checker zeigen dir sofort, ob deine Farben passen. Mach das nicht nach Gefühl — nutze ein Tool.
Tastaturnavigation testen
Lege die Maus weg. Navigiere nur mit Tab, Enter und Pfeiltasten durch deine Website. Jeder interaktive Button muss erreichbar sein. Der Fokus muss sichtbar sein (keine unsichtbaren Focus-States!). Das ist wirklich die beste Methode zum Testen.
Praktische Tools für die Umsetzung
Du brauchst keine teuren Software. Diese kostenlosen Tools helfen dir bei der BITV-Compliance.
WAVE Browser Extension
Zeigt Barrierefreiheitsprobleme direkt im Browser. Alt-Text-Fehler, Kontrastprobleme, fehlende Labels — alles wird markiert. Installation dauert 2 Minuten, Ergebnis ist sofort sichtbar.
WebAIM Contrast Checker
Gib Vorder- und Hintergrundfarbe ein, sofort siehst du die Kontrastquote. Einfach online, keine Installation nötig. Das ist dein tägliches Werkzeug.
NVDA Screen Reader
Kostenlos, für Windows. Das ist ein echter Screenreader. Download ihn und teste deine Website damit. Du wirst verstehen, wie Menschen mit Sehbeeinträchtigungen deine Seite erleben.
Häufige Fehler bei BITV-Umsetzung
Viele Websites scheitern bei den gleichen Problemen. Hier sind die Top 5, die du vermeiden solltest.
Du hast eine <h1>, dann gleich <h3>. Das verwirrt Screenreader. Nutze eine logische Hierarchie: h1 h2 h3 h4. Keine Sprünge.
Wenn ein Fehler nur rot eingefärbt ist, sehen farbenblinde Menschen ihn nicht. Nutze auch Text, Symbole oder Muster.
Ein Input-Feld ohne <label>? Screenreader wissen nicht, wofür das Feld ist. Nutze <label for=”input-id”> und verbinde es richtig.
Viele PDFs sind nicht barrierefrei. Biete HTML-Versionen oder strukturierte Alternativen an. PDF ist oft schlecht für Screenreader.
Videos, die automatisch abspielen? Das ist nicht nur störend, es ist auch nicht barrierefrei. Nutzer brauchen Kontrolle über Play und Pause.
Wie man BITV-Compliance testet
Du hast deine Website optimiert — aber woher weißt du, ob sie wirklich barrierefrei ist? Hier sind drei praktische Testmethoden.
Nur-Tastatur-Test
Lege die Maus weg. Navigiere 5 Minuten nur mit Tab, Enter und Pfeiltasten. Kann man alles erreichen? Ist der Fokus sichtbar? Das ist der einfachste Test und funktioniert überall.
Screenreader-Test
Nutze NVDA oder Jaws und teste, wie deine Website klingt. Sind die Überschriften klar? Werden Alt-Texte vorgelesen? Manche Fehler hörst du nur, wenn ein Screenreader deine Seite vorliest.
Farbenblinden-Simulator
Tools wie Color Oracle simulieren verschiedene Arten von Farbblindheit. Du siehst dann, wie deine Website für farbenblinde Menschen aussieht. Oft überraschend.
Barrierefreiheit ist nicht nur für Menschen mit Behinderungen. Sie ist für alle. Ältere Menschen. Menschen mit langsamer Internetverbindung. Menschen in lauten Umgebungen. Menschen, die gerade nur eine Hand frei haben. Wenn deine Website für diese Menschen funktioniert, funktioniert sie für alle.
— Web Accessibility Initiative (WAI)
BITV 2.0 Compliance-Checkliste
Nutze diese Checkliste, um deine Website zu überprüfen. Nicht alles ist notwendig, aber diese Punkte sind ein guter Start.
Weiterführende Ressourcen und Links
Du möchtest noch tiefer einsteigen? Hier sind die besten Quellen für BITV-Wissen.
BITV 2.0 Verordnung
Die offizielle Verordnung vom Bundesamt für Justiz. Vollständig, rechtlich bindend, manchmal schwer zu lesen. Aber hier ist die Quelle.
WCAG 2.1 Guidelines
BITV basiert auf WCAG 2.1. Die internationalen Standards erklären jede Anforderung detailliert mit Beispielen und Testmethoden.
Web Accessibility Initiative
WAI ist der Standard für Barrierefreiheit im Web. Tutorials, Artikel, Case Studies — alles in Deutsch und Englisch verfügbar.
Accessibility Stack Exchange
Community-Forum für spezifische Fragen. Wirklich erfahrene Menschen antworten dort. Du stellst eine Frage, innerhalb von Stunden hast du eine Antwort.
Fazit: BITV 2.0 ist kein Luxus
BITV 2.0 ist nicht optional — zumindest nicht für öffentliche Stellen in Deutschland. Aber das Wichtigste: Es ist nicht kompliziert. Mit den richtigen Tools und etwas Planung machst du deine Website barrierefrei. Und don’t forget — barrierefreie Websites sind auch besser für SEO, schneller, und benutzerfreundlicher für alle. Wenn du diese vier Schritte befolgst (semantisches HTML, Alt-Texte, Farbkontraste, Tastaturnavigation) und regelmäßig testest, schaffst du es.
Der wichtigste erste Schritt: Fang an. Nicht morgen. Nicht nächsten Monat. Heute. Download WAVE, check deine Website, schreib Alt-Texte. Du wirst sehen — es ist einfacher als du denkst.
Bereit, deine Website barrierefrei zu machen?
Nutze unsere Checkliste oben und teste deine Website jetzt mit einem der kostenlosen Tools. Fang mit den einfachsten Punkten an.
Zurück zur KategorieRechtlicher Hinweis
Diese Seite bietet allgemeine Informationen über die BITV 2.0 und Barrierefreiheitsstandards. Dieser Inhalt ist informativ gedacht und kein rechtlicher Rat. Die BITV 2.0 ist eine komplexe Verordnung — besondere Anforderungen können für unterschiedliche Organisationen gelten. Für verbindliche rechtliche Aussagen wende dich an einen Spezialisten oder an das Bundesamt für Justiz. Die Anforderungen können sich ändern — überprüfe immer die aktuellste Version der Verordnung.
Weitere Artikel zu Barrierefreiheit
