Warum diese Checkliste JETZT wichtig ist

2 Mio.

Betroffene Unternehmen

in Deutschland

100.000 €

Maximales Bußgeld

pro Verstoß

Die harten Fakten

Aspekt	Status
BFSG-Pflicht	Seit 28.06.2025 in Kraft
Abmahnrisiko	HOCH - Abmahnanwälte aktiv
Kosten bei Verstoß	500€ - 100.000€ pro Verstoß
Zeit für Umsetzung	3-6 Monate (je nach Komplexität)

Schnell-Check: Bin ich betroffen?

Sie MÜSSEN das BFSG umsetzen, wenn:

Sie eine Website betreiben (B2C oder B2B-to-Consumer)
Sie einen Online-Shop haben
Sie digitale Dienstleistungen anbieten (Apps, SaaS, Downloads)
Sie E-Books oder PDFs verkaufen
Sie Online-Banking oder digitale Finanzservices anbieten
Sie Verträge online abschließen
Ihr Jahresumsatz > 2 Millionen € liegt
Sie mehr als 10 Mitarbeiter beschäftigen

Ausnahmen (Mikrounternehmen)

Sie sind nur ausgenommen, wenn ALLE Kriterien zutreffen:

Weniger als 10 Mitarbeiter
Jahresumsatz unter 2 Mio. € ODER Jahresbilanzsumme unter 2 Mio. €

Aber: Auch Mikrounternehmen profitieren von Barrierefreiheit (mehr Kunden, besseres SEO).

Analyse & Bestandsaufnahme

Woche 1-2

1.1 Rechtliche Grundlagen prüfen

BFSG-Text gelesen (Bundesgesetzblatt)
EU-Richtlinie 2019/882 konsultiert
WCAG 2.1 Level AA Richtlinien verstanden
EN 301 549 Standard geprüft

1.2 Betroffene digitale Produkte identifizieren

Haupt-Website inventarisiert
Subdomains erfasst (shop., blog., portal., etc.)
Mobile Apps gelistet
PDFs & Downloads gezählt
Vertrags-Formulare identifiziert
Checkout-Prozesse kartiert
Kundenportale erfasst

1.3 Ist-Zustand analysieren

Accessibility-Audit durchführen lassen
WCAG-Konformität testen
Automatische Tests laufen lassen (WAVE, axe)
Manuelle Tests mit Screenreader
Tastatur-Navigation prüfen
Kontraste messen
Formular-Validierung testen
Fehler-Liste erstellen

Technische Umsetzung

Woche 3-12

2.1 Semantisches HTML

Heading-Struktur logisch (h1 → h2 → h3, keine Sprünge)
Landmark-Regions definiert (<header>, <nav>, <main>, <footer>)
ARIA-Landmarks korrekt (role="navigation", role="main")
Listen semantisch (<ul>, <ol>, <dl>)
Tabellen mit <th> und scope
Forms mit <label> verknüpft

✗ Div-Suppe

<div class="header">
  <div class="heading">Willkommen</div>
</div>
<div class="content">
  <div class="article">...</div>
</div>

✓ Semantisches HTML

<header role="banner">
  <h1>Willkommen</h1>
</header>
<main role="main">
  <article>...</article>
</main>

2.2 Tastatur-Navigation

Alle Funktionen mit Tastatur bedienbar
Tab-Reihenfolge logisch
Focus-Indicator sichtbar (mind. 2px, Kontrast 3:1)
Kein Keyboard Trap (Nutzer kommt überall raus)
Skip-Links implementiert ("Zum Inhalt springen")
Dropdown-Menüs tastaturzugänglich

2.3 Farben & Kontrast

Text-Kontrast: Mindestens 4.5:1 (Normal), 3:1 (Groß)
Grafiken/Icons: Mindestens 3:1 Kontrast
Buttons/Inputs: Mindestens 3:1 Kontrast
Keine Info nur durch Farbe (rot/grün Blindheit!)
Focus-States: Mindestens 3:1 Kontrast

2.4 Bilder & Medien

Alt-Texte für alle Bilder (beschreibend)
Dekorative Bilder: alt="" (leer)
Komplexe Grafiken: Lange Beschreibung
Videos: Untertitel (Captions)
Audio: Transkripte verfügbar
Keine Autoplay-Videos
Keine blinkenden Elemente (max. 3x/Sekunde)

2.5 Formulare & Interaktionen

Labels mit Inputs verknüpft (for + id)
Pflichtfelder gekennzeichnet (nicht nur mit *)
Fehler-Meldungen klar und direkt beim Feld
Erfolgs-Meldungen sichtbar
Fehlervermeidung: Bestätigung bei wichtigen Aktionen
Zeitlimits vermeidbar oder verlängerbar
Autofill unterstützt (autocomplete)

Content & Dokumentation

Woche 8-14

3.1 Texte & Sprache

Leichte Sprache wo möglich (B1-Niveau)
Fachbegriffe erklärt
Abkürzungen ausgeschrieben bei erster Verwendung
Keine Texte in Bildern (außer Logos)
Lesbare Schriftgröße (mind. 16px)
Zeilenlänge optimal (50-75 Zeichen)
Absätze kurz (3-4 Sätze)

3.2 PDFs & Downloads

PDFs barrierefrei (getaggt, mit Alt-Texten)
Word-Dokumente strukturiert (Heading-Styles)
Excel-Tabellen mit Header-Zeilen
Alternative Formate anbieten (HTML-Version)

3.3 Barrierefreiheitserklärung (Pflicht!)

Erklärung erstellt
Verlinkt im Footer
Stand der Konformität beschrieben
Bekannte Probleme dokumentiert
Feedback-Mechanismus etabliert
Kontaktperson benannt

Testing & Qualitätssicherung

Woche 12-16

4.1 Automatische Tests

Lighthouse Audit (Chrome DevTools) → Accessibility Score 100
WAVE → 0 Errors
axe DevTools → 0 Violations
HTML Validator → 0 Errors
Contrast Checker → Alle Kontraste OK

4.2 Manuelle Tests

Screenreader-Test

Alle Inhalte vorlesbar?
Navigation logisch?
Formular-Feedback verständlich?

Tastatur-Test

Alle Funktionen erreichbar?
Focus-Order logisch?
Keine Keyboard Traps?

Zoom-Test

200% Zoom funktioniert?
Kein Horizontal-Scroll?
Alle Inhalte lesbar?

4.3 User Testing mit Menschen mit Behinderung

Blinde Nutzer (Screenreader)
Sehbehinderte (Zoom, Kontrast)
Motorisch eingeschränkte (Tastatur, Sprache)
Gehörlose (Untertitel, Transkripte)
Kognitive Einschränkungen (Einfache Sprache)

Dokumentation & Schulung

Woche 14-18

5.1 Interne Dokumentation

Accessibility-Styleguide erstellt
Code-Standards dokumentiert
Checklisten für Redaktion
Do's & Don'ts für Bilder/Videos
Prozesse für neue Inhalte

5.2 Team-Schulung

Entwickler geschult (Semantic HTML, ARIA, Testing)
Designer geschult (Kontraste, Touch-Targets, UX)
Redakteure geschult (Alt-Texte, Einfache Sprache, PDFs)
Support geschult (Barrierefreiheits-Feedback)

Monitoring & Maintenance

Laufend

6.1 Regelmäßige Checks

Monatlicher Lighthouse-Audit
Quartalweise manuelle Tests
Jährliches WCAG-Audit
Bei großen Updates: Accessibility-Review

6.2 Feedback-Prozess

Feedback-Formular eingerichtet
Ticket-System für Barrierefreiheits-Bugs
Response-Time: Max. 3 Werktage
Fix-Priority: Accessibility-Bugs = HIGH

BFSG-Toolbox: Alle Tools auf einen Blick

Kostenlose Testing-Tools

Tool	Zweck	Link
WAVE	Automatische Checks	wave.webaim.org
axe DevTools	Browser Extension	deque.com/axe/devtools
Lighthouse	Performance + A11y	In Chrome DevTools
Colour Contrast	Kontrast-Checker	webaim.org/resources/contrastchecker
HTML Validator	Code-Validierung	validator.w3.org
NVDA	Screenreader (Windows)	nvaccess.org
HeadingsMap	Heading-Struktur	Browser Extension

Premium-Tools (Optional)

Tool	Zweck	Kosten
Siteimprove	Enterprise A11y Platform	ab 300€/Monat
Monsido	Compliance Monitoring	ab 250€/Monat
AudioEye	Automated Remediation	ab 500€/Monat
JAWS	Professional Screenreader	1.200€ (einmalig)

Budget-Planung für BFSG-Compliance

Klein (bis 20 Seiten)

Posten	Kosten
Audit	980€
Anpassungen	1.500€ - 3.000€
Testing	500€
Dokumentation	300€
Schulung	800€
Total	4.080€ - 5.580€

Mittel (20-100 Seiten)

Posten	Kosten
Audit	1.980€
Anpassungen	4.000€ - 8.000€
Testing	1.200€
Dokumentation	800€
Schulung	1.500€
Total	9.480€ - 13.480€

Groß (100+ Seiten, E-Commerce)

Posten	Kosten
Audit	3.500€
Anpassungen	10.000€ - 25.000€
Testing	2.500€
Dokumentation	1.500€
Schulung	2.500€
Total	20.000€ - 35.000€+

Häufige BFSG-Fehler vermeiden

Fehler 1: Overlay-Widgets nutzen

Problem: "Accessibility" Overlay-Widgets versprechen schnelle Lösung.

Realität: Sie lösen nur 5-10% der Probleme, verschlechtern oft die UX und schützen NICHT vor Abmahnungen. Nur echte Code-Anpassungen zählen!

Fehler 2: Nur automatische Tests

Problem: Nur Lighthouse/WAVE nutzen.

Realität: Automatisierte Tools erkennen nur 40-57% der Probleme. Manuelle Tests mit Screenreader und User-Testing sind unverzichtbar!

Fehler 3: PDFs vergessen

Problem: Nur Website anpassen, PDFs ignorieren.

Realität: PDFs sind vom BFSG erfasst und ein häufiger Abmahngrund. Alle digitalen Inhalte müssen barrierefrei sein!

Fehler 4: DIY ohne Expertise

Problem: Selbst umsetzen ohne Schulung.

Realität: WCAG ist komplex mit vielen Fallstricken. Professional Audit + Schulung + Umsetzung spart langfristig Zeit und Geld.

Fazit: Jetzt handeln!

Das BFSG ist seit dem 28. Juni 2025 Pflicht. Unternehmen ohne barrierefreie Website riskieren Abmahnungen und Bußgelder.

BFSG-Compliance erreichen

Professioneller Audit + Umsetzung durch zertifizierte Experten

Kostenlosen Check anfordern Alle Services ansehen