Themenbereich · 85 Artikel
WCAG & BFSG
Barrierefreiheit hat zwei Seiten: eine rechtliche und eine technische. In diesem Bereich bringe ich beide zusammen – ohne juristisches Kauderwelsch, aber auch ohne die Realität zu beschönigen.
Den rechtlichen Rahmen setzt für die Wirtschaft das Barrierefreiheitsstärkungsgesetz (BFSG), das seit dem 28. Juni 2025 gilt und die europäische Richtlinie (European Accessibility Act ) umsetzt. Wie diese Rechts- und Normenkette aus EAA, EN 301 549 und WCAG zusammenhängt, ordne ich gesondert ein. Was das BFSG konkret für Websites und Onlineshops bedeutet und wer betroffen ist, erkläre ich in BFSG einfach erklärt und der BFSG-Checkliste – ob es dich überhaupt trifft, klärt der BFSG-Check in vier Fragen. Welche
Ausnahmen, Fristen und Bußgelder
gelten, behandelt ein eigener Artikel, und – speziell für den Handel – die Seite
Barrierefreiheit in Onlineshops . Wie du das Ergebnis dokumentierst, zeigt
Barrierefreiheitserklärung erstellen
samt kopierfertiger Muster-Vorlage .
Der zweite Rechtsstrang gilt dem öffentlichen Sektor : Behörden, Kommunen, Schulen und Hochschulen sind nicht über das BFSG verpflichtet, sondern über das Behindertengleichstellungsgesetz und die BITV 2.0 – zurückgehend auf die EU-Richtlinie 2016/2102 , auf Landesebene geregelt in Länder-BGG und Landes-BITV . Alle Pflichten öffentlicher Stellen
habe ich kompakt zusammengefasst – inklusive
Feedback-Mechanismus und Schlichtungsstelle , über die Nutzer Barrieren durchsetzen können.
Der technische Maßstab hinter beiden Strängen sind die Web Content Accessibility Guidelines (WCAG). Beide Gesetze verweisen über die Norm EN 301 549 auf die WCAG; Zielniveau ist in der Praxis durchgehend die Stufe AA. Ich erkläre, was sich zwischen WCAG 2.1 und 2.2 geändert hat – die neuen 2.2-Kriterien nehme ich einzeln auseinander –, was hinter den vier Prinzipien (POUR) – wahrnehmbar, bedienbar, verständlich, robust – steckt und wie sich die
Konformitätsstufen A, AA und AAA
unterscheiden. Das Herzstück zum Nachschlagen ist die
Kriterien-Referenz : alle 55 Erfolgskriterien der Stufen A und AA, jedes mit Anforderung, richtig/falsch-Code und Testanleitung auf einer eigenen Seite.
Am Ende zählt aber, was bei echten Nutzerinnen und Nutzern ankommt. Deshalb wird es praktisch: Farbkontraste richtig einstellen, vollständige Tastaturbedienung und sichtbarer Fokus , robustes Verhalten bei Reflow, Zoom und Textabständen , Barrierefreiheit selbst testen und Screenreader-Grundlagen für eigene Stichproben – mit Schritt-für-Schritt-Anleitungen für NVDA und VoiceOver . Und wenn es belastbar sein muss: der BITV-Test bzw. ein Audit .
Ein vierter Schwerpunkt liegt auf Medien, Dokumenten und Sprache:
Untertitel, Transkripte und Audiodeskription
für Video und Audio, die oft vergessene
PDF-Barrierefreiheit und – als eigene, unterschätzte Dimension – kognitive Barrierefreiheit und Leichte Sprache .
Kein Rechtsrat: Ich bin Webdesigner, kein Jurist. Die Texte hier fassen meinen Kenntnisstand verständlich zusammen und ersetzen im Zweifel keine rechtliche Beratung. Für verbindliche Auskünfte zu deiner konkreten Situation wende dich an eine fachkundige Stelle.
Und auch wenn das Gesetz der Auslöser sein mag: Dahinter stehen Menschen, nicht Paragrafen. Wer verstehen will, für wen all diese Kriterien gemacht sind – und warum sie am Ende allen nützen
–, findet das „Wer & Warum“ im Bereich
Barrierefreiheit verstehen ; den Weg vom Recht zurück zu den Menschen zeichnet Recht als Auslöser nach.
Mein Vorschlag: Wer wissen will, ob und was er muss, beginnt beim BFSG-Check bzw. – als öffentliche Stelle – bei den Pflichten öffentlicher Stellen ; wer schon umsetzt, springt direkt in die Kriterien-Referenz und zu den Test-Seiten.
BFSG-Check durchführen
Kostenloser Selbsttest mit Bewertung: 16 Fragen zu Pflicht, Technik und Prozessen – in rund drei Minuten.
01
Recht & Pflicht (privat)
BFSG einfach erklärt
Das Barrierefreiheitsstärkungsgesetz verständlich: Wen es betrifft, was ab wann gilt und welche Pflichten entstehen. Mit Fallbeispielen, Fristen und Quellen. Keine Rechtsberatung.
BFSG-Prüfung (Online-Check)
Kostenlose BFSG-Prüfung mit Bewertung: 16 Fragen zu Pflicht, Technik und Prozessen – dazu Checkliste, Audit-Wissen und die Fristen des BFSG-Gesetzes.
EU-Recht: EAA & EN 301 549
Wie European Accessibility Act, EN 301 549, BITV und WCAG zusammenhängen – die Rechts- und Normenkette hinter dem deutschen BFSG. Mit Fristen und Quellen. Keine Rechtsberatung.
BFSG-Checkliste für Websites
Eine praktische Checkliste, mit der du deine Website Schritt für Schritt auf BFSG-Konformität prüfst.
Ausnahmen, Fristen & Bußgeld
Übergangsfristen, die Kleinstunternehmen-Ausnahme, die unverhältnismäßige Belastung und mögliche Bußgelder beim BFSG – mit Fristen, §-Bezug und Quellen. Keine Rechtsberatung.
Barrierefreiheit in Onlineshops
Worauf es bei zugänglichen Onlineshops ankommt: Checkout, Produktfilter, Zahlung und Formulare – mit den besonderen Anforderungen des BFSG, Fallbeispielen und Quellen.
Barrierefreiheitserklärung erstellen
Wie du eine rechtskonforme Barrierefreiheitserklärung aufbaust – Inhalt, Struktur und worauf du achten solltest.
Aktuelles zum BFSG
Was sich beim Barrierefreiheitsstärkungsgesetz bewegt: Marktüberwachung, Abmahnpraxis, EN 301 549 und WCAG – vierteljährlich aktualisiert. Keine Rechtsberatung.
02
Öffentlicher Sektor
BGG & § 12d: der öffentliche Auftrag
Das Behindertengleichstellungsgesetz verständlich: barrierefreie IT des Bundes (§§ 12–12d), Überwachungsstelle und Schlichtung – der Unterbau der BITV 2.0. Keine Rechtsberatung.
BITV 2.0 erklärt
Die Barrierefreie-Informationstechnik-Verordnung im Detail: für wen sie gilt, wie sie über EN 301 549 auf die WCAG verweist, was ihre Paragrafen verlangen – mit Fristen und Quellen.
EU-Richtlinie 2016/2102
Die EU-Richtlinie hinter BITV & Co.: was Richtlinie (EU) 2016/2102 öffentlichen Stellen vorschreibt – Erklärung, Feedback, Überwachung – und wie sie sich vom EAA unterscheidet. Mit Quellen.
Pflichten öffentlicher Stellen
Barrierefreie Website, Erklärung zur Barrierefreiheit, Feedback-Weg, Apps und Intranets: die Pflichten öffentlicher Stellen kompakt – mit Fristen und Zuständigkeiten.
Feedback & Schlichtungsstelle
Wie Nutzer Barrieren melden können und was dann passiert: der verpflichtende Feedback-Mechanismus, die Überwachungsstelle und das Schlichtungsverfahren nach § 16 BGG.
Länder-BGG & Landes-BITV
Für Kommunen, Schulen und Landesbehörden gilt Landesrecht: wie die Gleichstellungsgesetze und BITVen der Länder aufgebaut sind und wo sie vom Bund abweichen.
03
WCAG verstehen
WCAG 2.1 & 2.2 erklärt
Die Web Content Accessibility Guidelines im Überblick: Aufbau, Neuerungen in 2.2 und wie du die Richtlinien praktisch nutzt.
Die neuen 2.2-Kriterien im Detail
Zielgröße, Fokus nicht verdeckt, Ziehbewegungen, zugängliche Anmeldung & Co.: die neun neuen Erfolgskriterien aus WCAG 2.2 einzeln erklärt.
Die vier Prinzipien (POUR)
Wahrnehmbar, bedienbar, verständlich, robust: Die vier POUR-Prinzipien als Fundament jeder barrierefreien Website.
Konformitätsstufen A / AA / AAA
Was die Stufen A, AA und AAA bedeuten, welche für dich relevant ist und warum AA der gängige Zielwert ist.
Kriterien-Referenz (alle A & AA)
Alle 55 WCAG-2.2-Erfolgskriterien der Stufen A und AA als deutschsprachige Referenz: je Kriterium eine Seite mit Anforderung, Code-Beispielen und Testanleitung.
04
WCAG in der Praxis
Farbkontraste richtig einstellen
Kontrastanforderungen der WCAG verstehen und erfüllen: Mindestwerte, Tools und wie du Farbe nie als alleiniges Signal nutzt.
Tastaturbedienung & sichtbarer Fokus
Alles per Tastatur bedienbar und der Fokus immer sichtbar: So stellst du logische Bedienung ohne Maus sicher.
Reflow, Zoom & Textabstände
Die WCAG-Kriterien 1.4.4, 1.4.10 und 1.4.12: Wie Inhalte bei Vergrößerung, schmalem Viewport und veränderten Textabständen bedienbar bleiben.
Barrierefreiheit selbst testen
Mit einfachen Methoden und Tools wie axe und Lighthouse deine Seite selbst auf Barrierefreiheit prüfen – Schritt für Schritt.
Screenreader-Grundlagen
Wie Screenreader funktionieren und wie du mit NVDA oder VoiceOver deine Seite aus Sicht blinder Nutzer testest.
Mit NVDA testen
Screenreader-Test mit NVDA unter Windows: Installation, die wichtigsten Tastenbefehle und ein kompletter Prüfdurchlauf für Struktur, Formulare, Bilder und Live-Inhalte.
Mit VoiceOver testen
Screenreader-Test mit VoiceOver auf Mac und iPhone: Aktivierung, Rotor und Grundgesten – plus ein kompletter Prüfdurchlauf für deine Website.
BITV-Test, Audit & VPAT
Wann ein professionelles Audit nötig ist: BITV-Test, manuelle Prüfverfahren und der VPAT-/Konformitätsbericht im Überblick.
05
Medien, Dokumente & Sprache
Untertitel, Transkripte & Audiodeskription
Welche Alternativen WCAG für Audio und Video verlangt – Untertitel, Transkripte und Audiodeskription – und wie du sie richtig bereitstellst.
PDF-Barrierefreiheit
Was ein barrierefreies PDF ausmacht – getaggte Struktur, Lesereihenfolge, Alternativtexte, PDF/UA – und warum HTML oft die bessere Wahl ist.
Kognitive A11y & Leichte Sprache
Inhalte verständlich für alle: kognitive Barrieren abbauen, der Unterschied zwischen Leichter und Einfacher Sprache und was die WCAG dazu fordern.