BFSG & WCAG 2.1 — Die technischen Standards verstehen

Wenn Sie sich jemals gefragt haben "warum verweist das BFSG auf WCAG?" — Sie sind nicht allein. Das Barrierefreiheitsstärkungsgesetz (BFSG) verweist auf die europäische Norm EN 301 549, die ihrerseits auf WCAG 2.1 Level AA verweist. Aber was bedeutet das konkret für Unternehmen und Entwickler?

Dieser vollständige Leitfaden erklärt die technischen Standards der Barrierefreiheit — von WCAG 2.1 über EN 301 549 bis hin zur praktischen Umsetzung für BFSG-Konformität.

Die technische Kette — BFSG → EN 301 549 → WCAG 2.1

Die technische Grundlage für das BFSG lässt sich in einer einfachen Kette darstellen:

• BFSG (Gesetz) → verweist auf
• EN 301 549 (Europäische Norm) → verweist auf
• WCAG 2.1 Level AA (Technischer Standard)

Das bedeutet: Die technischen Anforderungen des BFSG sind identisch mit WCAG 2.1 Level AA. Unternehmen, die ihre Websites und digitalen Produkte barrierefrei gestalten wollen, müssen die WCAG 2.1 Level AA Erfolgskriterien erfüllen.

Was ist WCAG 2.1?

WCAG (Web Content Accessibility Guidelines) sind die internationalen Richtlinien für barrierefreie Webinhalte. Sie werden vom W3C (World Wide Web Consortium) entwickelt und sind die Grundlage für fast alle Barrierefreiheitsgesetze weltweit — einschließlich des BFSG in Deutschland.

WCAG 2.1 wurde 2018 veröffentlicht und erweitert die Vorgänger-Version WCAG 2.0 um zusätzliche Kriterien für mobile Geräte, Menschen mit kognitiven Einschränkungen und Menschen mit Sehbehinderungen.

Die vier Prinzipien — POUR

WCAG 2.1 basiert auf vier Prinzipien, die oft mit der Abkürzung POUR zusammengefasst werden:

1. Wahrnehmbar (Perceivable)

Inhalte müssen für alle Nutzer wahrnehmbar sein. Das bedeutet:

• Alt-Text für alle nicht-textuellen Inhalte (1.1.1)
• Untertitel für Videos (1.2.2)
• Farbkontraste von mindestens 4.5:1 (1.4.3)
• Vergrößerung bis 200% ohne Verlust (1.4.4)

2. Bedienbar (Operable)

Inhalte müssen für alle Nutzer bedienbar sein. Das bedeutet:

• Tastaturzugänglichkeit — alle Funktionen per Tastatur (2.1.1)
• Keine Tastaturfallen — Nutzer können nicht gefangen werden (2.1.2)
• Fokus sichtbar — sichtbare Fokusindikatoren (2.4.7)
• Genügend Zeit — Zeitlimits deaktivierbar (2.2.1)

3. Verständlich (Understandable)

Inhalte müssen für alle Nutzer verständlich sein. Das bedeutet:

• Sprache der Seite — lang-Attribut gesetzt (3.1.1)
• Formularbeschriftungen — Labels für alle Felder (3.3.2)
• Fehleridentifikation — klare Fehlermeldungen (3.3.1)
• Vorhersehbare Navigation — konsistente Navigation (3.2.3)

4. Robust (Robust)

Inhalte müssen mit assistiven Technologien kompatibel sein. Das bedeutet:

• Name, Rolle, Wert — ARIA-Attribute korrekt (4.1.2)
• Valides HTML — keine Fehler im Markup (4.1.1)
• Statusmeldungen — für Screenreader ankündbar (4.1.3)

WCAG 2.1 Level AA — Die verbindliche Stufe

WCAG 2.1 definiert drei Konformitätsstufen:

• Level A — Minimalanforderungen (niedrigste Stufe)
• Level AA — Standardanforderungen (BFSG-relevant) ✅
• Level AAA — Erweiterte Anforderungen (höchste Stufe)

Das BFSG verlangt Level AA. Das bedeutet: Alle Level A und Level AA Erfolgskriterien müssen erfüllt sein. Level AAA ist nicht verpflichtend, kann aber als Best Practice umgesetzt werden.

EN 301 549 — Die europäische Norm

EN 301 549 ist die europäische Norm für die Barrierefreiheit von IKT-Produkten und -Diensten. Sie wurde vom ETSI (Europäischen Institut für Telekommunikationsnormen) entwickelt und ist die technische Grundlage für die European Accessibility Act (EAA).

Die Norm geht über reine Web-Standards hinaus und deckt ab:

• Kapitel 4: Funktionale Leistungsanforderungen
• Kapitel 5: Allgemeine Anforderungen
• Kapitel 6: IKT mit Zwei-Wege-Sprachkommunikation
• Kapitel 7: IKT mit Videofunktionen
• Kapitel 8: Hardware
• Kapitel 9: Webinhalte (WCAG 2.1) — der bekannteste Teil
• Kapitel 10: Nicht-Web-Software
• Kapitel 11: Dokumentation und Support-Dienste

Die aktuelle Version ist EN 301 549 v3.2.1, veröffentlicht im März 2023.

WCAG 2.1 vs WCAG 2.2 — Was ist der Unterschied?

WCAG 2.2 wurde 2023 veröffentlicht und ist die aktuellste Version der Richtlinien. Die wichtigsten Neuerungen sind:

• 2.4.11 — Fokus nicht verdeckt (Minimum): Fokussierte Elemente dürfen nicht verdeckt werden
• 2.4.12 — Fokus nicht verdeckt (Erweitert): Größerer Bereich für Fokusindikatoren
• 2.5.7 — Bewegungsbetätigung: Gerätebewegungen müssen deaktivierbar sein
• 2.5.8 — Zielgröße (Minimum): Touch-Ziele 24x24px
• 3.2.6 — Konsistente Hilfe: Hilfefunktionen konsistent positionieren

Wichtig: Das BFSG verweist auf WCAG 2.1, nicht WCAG 2.2. Unternehmen müssen also WCAG 2.1 Level AA erfüllen. WCAG 2.2 kann als Best Practice umgesetzt werden, ist aber nicht verpflichtend.

BFSG vs ADA vs EAA — Gemeinsamer Standard WCAG 2.1

Fazit: Fast alle wichtigen Barrierefreiheitsgesetze weltweit verweisen auf WCAG als technischen Standard. Unternehmen, die WCAG 2.1 Level AA erfüllen, sind international gut aufgestellt.

Wie prüfe ich WCAG 2.1 Konformität?

Schritt 1: Automatisierte Prüfung

Nutzen Sie unseren kostenlosen BFSG-Checker für eine automatisierte Prüfung Ihrer Website gegen WCAG 2.1 Level AA. Sie erhalten einen detaillierten Bericht mit Verstößen und Lösungsvorschlägen.

Schritt 2: Manuelle Prüfung

Einige WCAG-Kriterien (z.B. Lesbarkeit, Kontext) können nur manuell geprüft werden. Testen Sie Ihre Website mit:

• Screenreadern — NVDA (Windows) oder VoiceOver (Mac)
• Tastaturnavigation — nur mit Tab, Enter und Pfeiltasten
• Farbkontrast-Tools — für 4.5:1 Kontrast

Schritt 3: Dokumentation

Dokumentieren Sie alle Prüfungen, behobenen Probleme und Ihre Barrierefreiheitserklärung. Dies dient als Nachweis für Ihre Compliance-Bemühungen.

BFSG-Checker — Kostenlose Tools

• BFSG-Checker — Kostenloser WCAG 2.1 AA Scan
• Tastatur-Checker — Testen Sie die Tastaturzugänglichkeit
• Farbkontrast-Checker — Testen Sie Textkontraste
• Screen-Reader-Checker — Testen Sie ARIA und Alt-Text
• PDF-Checker — Testen Sie PDF-Dokumente

Häufig gestellte Fragen — BFSG & WCAG 2.1

Interne Links — BFSG & WCAG Ressourcen