WCAG 2.1 verstehen — Die Grundlagen erklärt
Ein Überblick über die vier Kernprinzipien von WCAG 2.1 und warum sie für deine Website wichtig sind…
Artikel lesenBITV 2.0 — Deutsche Anforderungen verstehen
Was ist die BITV 2.0 und wie unterscheidet sie sich von WCAG? Ein praktischer Überblick für deutsche Webseiten.
Was ist die BITV 2.0?
Die BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) ist die deutsche Umsetzung der europäischen Richtlinie über die Barrierefreiheit von Websites und mobilen Anwendungen. Sie’s nicht einfach ein optionales Guideline — es ist Gesetz. Und das gilt für alle öffentlichen Websites, besonders für Behörden und Institutionen.
Hier’s der wichtige Teil: Die BITV 2.0 basiert auf den WCAG 2.1 Standards, aber mit deutschen Besonderheiten. Das bedeutet, wenn deine Website BITV 2.0 konform ist, erfüllst du damit auch die meisten internationalen Standards. Aber Vorsicht — nicht jede WCAG-konforme Site ist automatisch BITV-konform.
BITV 2.0 vs. WCAG 2.1 — Die wichtigsten Unterschiede
Geltungsbereich
BITV 2.0 verpflichtet deutsche Behörden, öffentliche Einrichtungen und seit 2025 auch private Unternehmen ab einer bestimmten Größe. WCAG ist ein internationaler Standard ohne rechtliche Verpflichtung — es sei denn, dein Land hat es ins Gesetz geschrieben.
Konformitätsstufen
BITV 2.0 fordert Level AA Konformität nach WCAG 2.1. Das’s nicht optional. Du kannst nicht einfach Level A machen und fertig sein. AA bedeutet: höhere Standards, strengere Tests, mehr Aufwand. Aber auch bessere Usability für alle.
Mobile Apps
BITV 2.0 deckt auch mobile Anwendungen ab — nicht nur Websites. Wenn deine App öffentlich zugänglich ist, muss sie barrierefrei sein. WCAG konzentriert sich hauptsächlich auf Web.
Dokumentation
Du musst nachweisen können, dass deine Website konform ist. Das bedeutet: Testberichte, Audit-Ergebnisse, Erklärung zur Barrierefreiheit. Es reicht nicht aus zu sagen, du hast es versucht — du musst Belege haben.
Die vier Kernprinzipien der BITV 2.0
Die BITV 2.0 basiert auf vier fundamentalen Prinzipien. Diese sind nicht abstrakt — sie sind praktisch und direkt umsetzbar.
01
Wahrnehmbar
Informationen müssen für alle Nutzer erkennbar sein — visuell, auditiv oder taktil. Ein blinder Nutzer muss genauso Zugang zu Bildern haben wie ein sehender. Das funktioniert über Alt-Texte, Transkripte und Captions.
02
Bedienbar
Deine Website muss mit Tastatur navigierbar sein. Nicht jeder kann eine Maus benutzen. Menschen mit motorischen Beeinträchtigungen, Nutzer von Screenreadern — alle brauchen volle Tastaturunterstützung. Tab-Reihenfolge, fokusierbare Elemente, keine Tastatur-Fallen.
03
Verständlich
Texte müssen klar und verständlich sein. Komplexe Sprache, Fachjargon ohne Erklärung, unerwartet Popup-Fenster — das frustiert alle Nutzer, nicht nur Menschen mit kognitiven Beeinträchtigungen. Einfache Sprache ist barrierefrei für alle.
04
Robust
Dein HTML muss sauber und valide sein. Fehlerhafte HTML-Struktur führt dazu, dass Screenreader und andere Assistive-Technologien nicht richtig funktionieren. Sauberes semantisches HTML ist die Basis.
So setzt du BITV 2.0 praktisch um
1. Semantisches HTML verwenden
Nutze echte HTML-Elemente: <header>, <nav>, <main>, <h1>-<h6>, <button>, <form>. Nicht einfach alles mit <div> und CSS machen. Screenreader brauchen diese Struktur, um deine Seite zu verstehen.
2. Alt-Texte für Bilder
Jedes Bild braucht einen aussagekräftigen Alt-Text. Nicht „Bild1.jpg” — sondern eine kurze Beschreibung, was zu sehen ist. Für Dekorationselemente: alt=””. Gute Alt-Texte sind 50-100 Zeichen und beantworten die Frage „Was sieht der Nutzer hier?”
3. Vollständige Tastaturnavigation
Teste deine Website nur mit Tastatur. Tab, Shift+Tab, Enter, Escape — das sollte alles funktionieren. Keine versteckten fokussierten Elemente, keine Fokus-Fallen, keine Funktionen die nur mit Maus möglich sind.
4. Farbkontrast prüfen
Mindestens 4.5:1 Kontrast zwischen Text und Hintergrund (WCAG AA). Das’s kein Design-Spielzeug — es’s ein Compliance-Requirement. Nutzer mit Sehschwäche oder in sonniger Umgebung brauchen ausreichend Kontrast.
5. Videos mit Captions
Wenn du Videos einbindest, brauchen sie Untertitel und Transkripte. Das’s für gehörlose Nutzer essentiell, hilft aber auch in lauten Umgebungen oder wenn Audio nicht zur Verfügung steht.
6. Mit Tools testen
NVDA (kostenlos), JAWS, oder axe DevTools — nutze echte Screenreader und Accessibility-Tools. Automatische Tests fangen etwa 30% der Probleme. Der Rest braucht manuelle Tests mit echten Hilfsmitteln.
Testing und Audit — So überprüfst du deine Website
Sagen, dass deine Website barrierefrei ist, reicht nicht aus. Du musst es nachweisen. Das funktioniert durch systematisches Testing mit Tools und echten Nutzern.
Beginne mit automatischen Tools wie axe DevTools oder Lighthouse. Sie fangen offensichtliche Fehler ab — fehlende Alt-Texte, Kontrastprobleme, fehlerhafte HTML-Struktur. Dann kommt die manuelle Prüfung: Navigiere mit Tastatur, teste mit einem Screenreader wie NVDA (kostenlos für Windows), überprüfe alle interaktiven Elemente. Am besten ist es, echte Menschen mit Behinderungen deine Website testen zu lassen — das’s der beste Reality-Check.
BITV 2.0 Compliance — Was musst du dokumentieren?
Erklärung zur Barrierefreiheit
Diese Seite ist gesetzlich vorgeschrieben. Sie muss transparent machen, welche Teile deiner Website konform sind und welche nicht. Ja, du darfst zugeben, dass es noch Probleme gibt — aber du musst auch einen Plan haben, sie zu beheben.
Audit-Reports
Dokumentiere deine Tests. Wer hat getestet? Mit welchen Tools? Wann? Was waren die Ergebnisse? Ein externer Audit von Accessibility-Experten ist ideal, aber auch interne Tests sind wertvoll.
Feedback-Mechanismus
Nutzer müssen dir Barrierefreiheit-Probleme melden können. Kontaktformular, E-Mail, Telefon — es muss einfach sein. Und du musst antworten und helfen.
Verbindlichkeit
Für öffentliche Behörden ist Barrierefreiheit verpflichtend. Für private Unternehmen mit über 250 Beschäftigten auch (seit 2025). Für kleinere Unternehmen ist es best practice, aber nicht rechtsverbindlich — noch nicht.
Fazit: BITV 2.0 ist nicht optional
Barrierefreiheit ist kein Nischenthema mehr. Die BITV 2.0 macht es klar: Wenn du in Deutschland eine Website betreibst, die öffentlich zugänglich ist, muss sie barrierefrei sein. Punkt.
Das Gute daran? Barrierefreie Websites sind besser für alle — nicht nur für Menschen mit Behinderungen. Bessere Struktur, klarere Sprache, volle Tastaturunterstützung. Das verbessert die User Experience insgesamt. Plus: SEO liebt semantisches HTML und klare Struktur.
Starten ist einfacher, als du denkst. Beginne mit den Basics: semantisches HTML, Alt-Texte, Tastaturnavigation, Kontrast. Teste mit echten Tools und echten Menschen. Und dokumentiere, was du gemacht hast. Das’s die Grundlage für BITV 2.0 Compliance.
Erfahre mehr über AccessibilityWeiterführende Artikel
Hinweis: Informative Ressource
Dieser Artikel bietet eine informative Übersicht über die BITV 2.0 und ihre Anforderungen. Die hier bereitgestellten Informationen sind für Bildungszwecke gedacht und ersetzen keine professionelle rechtliche oder technische Beratung. Die BITV 2.0 ist ein komplexes Regelwerk, und die genauen Anforderungen können je nach spezifischem Kontext und Anwendungsfall variieren. Für konkrete Compliance-Fragen empfehlen wir, einen Accessibility-Experten oder Rechtsberater zu konsultieren. Die Anforderungen können sich ändern — überprüfe immer die offizielle Quelle unter www.gesetze-im-internet.de für die aktuellsten Informationen.