WCAG, BITV & BFSG:
Barrierefreiheit erklärt.

Stellt euch vor, jeder zehnte Besucher eurer Website kann sie nicht richtig nutzen. Nicht weil euer Angebot schlecht ist — sondern weil die Website sie aussperrt. Zu kleiner Text. Kein Kontrast. Navigation, die mit der Tastatur nicht funktioniert. Formulare ohne verständliche Labels.

Mehr als 13 Millionen Menschen in Deutschland leben mit einer anerkannten Behinderung. Dazu kommen ältere Nutzer, Menschen mit temporären Einschränkungen (gebrochener Arm, gleißende Sonne auf dem Smartphone-Display) und alle, die schlicht von klaren Strukturen profitieren. Das ist keine Nische — das ist ein relevanter Teil eurer Zielgruppe.

Barrierefreie Websites werden von Google besser bewertet — weil saubere Semantik, Alt-Texte und klare Struktur exakt das sind, was Suchmaschinen lieben. Sie konvertieren besser, weil sie klarer sind. Und sie schließen niemanden aus.

Und ja: Seit dem 28. Juni 2025 ist das BFSG in Kraft — viele Unternehmen sind jetzt auch gesetzlich verpflichtet. Aber der eigentliche Grund, das anzugehen, ist einfacher: Ihr wollt, dass jeder Kunde eure Website nutzen kann.

Was bedeutet das konkret? Welche Standards stecken dahinter? Und was ist der Unterschied zwischen WCAG AA und AAA? Alles erklärt — ohne Abkürzungs-Dschungel, mit echten Beispielen.

Was ist die WCAG?

WCAG steht für Web Content Accessibility Guidelines — auf Deutsch: Richtlinien für barrierefreie Webinhalte. Sie werden vom W3C (World Wide Web Consortium) herausgegeben, der Organisation, die auch HTML und CSS standardisiert. Die WCAG sind also der internationale Standard für Barrierefreiheit im Web.

Die aktuelle Version ist WCAG 2.1 (2018), ergänzt durch WCAG 2.2 (Oktober 2023). Die Unterschiede zwischen 2.1 und 2.2 sind für die meisten Websites überschaubar — neu hinzugekommen sind vor allem Anforderungen an Fokus-Indikatoren und mobile Bedienbarkeit.

Die WCAG basieren auf vier Grundprinzipien — dem sogenannten POUR-Modell:

• Perceivable (Wahrnehmbar): Inhalte müssen für alle Sinne zugänglich sein — nicht nur visuell.
• Operable (Bedienbar): Die Website muss mit Tastatur, Maus, Sprachsteuerung oder Screenreader bedienbar sein.
• Understandable (Verständlich): Texte, Fehlermeldungen und Navigation müssen klar und vorhersehbar sein.
• Robust: Die Website muss mit verschiedenen Browsern, Hilfsmitteln und assistiven Technologien funktionieren.

Level A, AA und AAA: Was bedeutet das konkret?

Level A — Mindeststandard

Level A definiert die absoluten Mindestanforderungen. Wenn eine Website Level A nicht erfüllt, schließt sie bestimmte Nutzergruppen vollständig aus. Typische A-Kriterien:

• Alle Bilder haben einen Alt-Text (oder sind als dekorativ markiert)
• Videos mit Ton haben Untertitel (automatisch oder manuell)
• Die Seite ist vollständig per Tastatur bedienbar
• Farbe wird nicht als einziges Unterscheidungsmerkmal genutzt
• Keine Inhalte, die mehr als dreimal pro Sekunde blinken (Epilepsie-Schutz)

Level AA — Der gesetzliche Standard

Level AA ist das Konformitätsniveau, das das BFSG und die BITV 2.0 fordern. Es geht über die absolute Mindestanforderung hinaus und stellt sicher, dass Websites für die große Mehrheit der Menschen mit Behinderungen nutzbar sind.

Level AA baut auf Level A auf — wer AA erfüllt, erfüllt automatisch auch A. Die wichtigsten zusätzlichen Anforderungen:

• Farbkontrast: Text muss ein Kontrastverhältnis von mindestens 4,5:1 zur Hintergrundfarbe haben. Für große Texte (ab 18pt / 14pt fett) reichen 3:1.
• Untertitel für Live-Videos: Auch gestreamte Inhalte benötigen Untertitel.
• Keine Tastaturfallen: Nutzer müssen jeden Bereich per Tastatur verlassen können.
• Sichtbarer Fokus-Indikator: Beim Tab-Navigieren muss immer klar erkennbar sein, welches Element gerade aktiv ist.
• Sprache der Seite angegeben: Das lang-Attribut muss korrekt gesetzt sein.
• Fehlermeldungen: Müssen klar benennen, was falsch ist — nicht nur durch Farbe (z.B. rot) signalisiert werden.
• Konsistente Navigation: Navigationsbereiche müssen über alle Seiten hinweg einheitlich sein.

Level AAA — Erweiterter Standard

Level AAA ist das höchste Konformitätsniveau und wird von keinem Gesetz allgemein vorgeschrieben. Es enthält sehr anspruchsvolle Anforderungen, die in der Praxis oft schwer vollständig umzusetzen sind. Typische AAA-Kriterien:

• Gebärdensprachen-Videos für alle voraufgezeichneten Audioinhalte
• Farbkontrast 7:1 statt 4,5:1 (erhöhte Anforderung)
• Vorlesefunktion für Texte (Text-to-Speech)
• Leichte Sprache oder Kurzfassungen für komplexe Inhalte
• Keine Zeitbegrenzungen für Nutzerinteraktionen (ausnahmslos)
• Kontextsensitive Hilfe in Formularen

Was ist die BITV 2.0?

BITV steht für Barrierefreie-Informationstechnik-Verordnung — eine deutsche Verordnung, die die europäische Web Accessibility Directive (WAD) in nationales Recht umsetzt. Die BITV 2.0 gilt seit 2019 und richtet sich primär an öffentliche Stellen: Bundesbehörden, Landesbehörden, kommunale Verwaltungen, öffentliche Rundfunkanstalten.

Technisch gesehen verweist die BITV 2.0 auf die WCAG 2.1 Level AA als Mindeststandard. Wer also WCAG 2.1 AA erfüllt, ist für öffentliche Stellen compliant.

Für private Unternehmen ist die BITV 2.0 direkt nicht relevant — für euch gilt das BFSG (siehe nächster Abschnitt).

Was ist das BFSG — und wen trifft es wirklich?

Das Barrierefreiheitsstärkungsgesetz (BFSG) ist die deutsche Umsetzung des European Accessibility Act (EAA) und gilt seit dem 28. Juni 2025 für private Unternehmen. Es ist das erste Mal, dass Barrierefreiheit für kommerzielle digitale Angebote gesetzlich verpflichtend wird.

Das BFSG gilt für folgende digitale Produkte und Dienstleistungen:

• E-Commerce-Websites (Online-Shops)
• Mobile Apps und Web-Apps
• Online-Banking und Finanzdienstleistungen
• Personenbeförderungs-Apps (Tickets, Fahrpläne)
• E-Books und E-Reader-Software
• Telekommunikationsdienstleistungen