Barrierefreiheit im Web
Was das BFSG für Ihr Unternehmen bedeutet
Das Barrierefreiheitsstärkungsgesetz (BFSG) gilt seit Juni 2025. Es verlangt, dass bestimmte Websites und Online-Shops barrierefrei sind: Alles auf der Seite muss auch ohne Sehen, ohne Hören, ohne Maus und ohne schnelle Reaktionsfähigkeit funktionieren.
Blinde Kunden müssen mit dem Screenreader durch Ihre Navigation kommen, verstehen was auf Produktbildern zu sehen ist, und den Checkout abschließen können – jeder Button, jedes Formularfeld sollte dafür richtig beschriftet sein.
Kunden mit Zittern oder Lähmung müssen alles per Tastatur bedienen können, ohne auf winzige Links zielen zu müssen. Gehörlose Kunden brauchen Untertitel für Ihre Videos und Transkripte für Podcasts.
Farbenblinde Kunden müssen erkennen, welches Formularfeld falsch ausgefüllt ist – nicht nur durch rote Markierung, sondern durch Text. Kunden mit Sehschwäche müssen den Text vergrößern können, ohne dass das Layout zerbricht.
Und Kunden mit Konzentrationsproblemen oder Lernschwierigkeiten dürfen nicht durch ein Timeout aus dem Warenkorb fliegen, müssen Fehlermeldungen verstehen können, und brauchen eine Navigation, die sich nicht ständig ändert.
Das sind keine Kleinigkeiten – für betroffene Menschen bedeutet eine unzugängliche Website kompletter Ausschluss. Sie können nicht kaufen, nicht lesen, nicht teilnehmen. Als Anbieter profitieren Sie also auch davon, wenn mehr Kunden uneingeschränkten Zugang zu Ihren Produkten bekommen – und sich niemand ausgeschlossen fühlen muss.
Vielleicht haben Sie Post bekommen, die mit Abmahnungen droht – das kennen Sie vielleicht noch von DSGVO und Impressum. Zwei wichtige Punkte: Nicht jeder darf abmahnen. Und nicht jedes Unternehmen ist überhaupt betroffen.
Dieser Guide ist für Unternehmer ohne technischen Hintergrund und erklärt, was das Gesetz verlangt, wer betroffen ist und was Umsetzung realistisch kostet – ohne Ihnen etwas zu verkaufen.
Der BFSG-Schnellcheck klärt in 2 Minuten, ob Sie handeln müssen. Falls ja: Audit und Umsetzung müssen nicht vom selben Anbieter kommen. Das Audit zeigt, was zu tun ist – die Umsetzung können Ihre eigenen Entwickler übernehmen.
BFSG-Schnellcheck: Muss ich handeln?
Die wichtigsten Fragen
Alle Angaben mit Quellen belegt.
- Was passiert, wenn ich nichts mache?
-
Das BFSG sieht ein gestuftes Verfahren vor:[2]
- Aufforderung zur Nachbesserung – Sie bekommen Zeit, die Mängel zu beheben
- Bußgeld – Bei Nichteinhaltung: 10.000 € bis 100.000 €
- Vertriebsverbot – Im Extremfall dürfen Sie Ihr Angebot nicht mehr verkaufen
Zusätzlich möglich: Abmahnungen durch Verbraucherschutzverbände oder Wettbewerber, sowie Klagen durch Betroffene.
Realität: Erste BFSG-Abmahnungen sind bereits verschickt worden (Stand Dezember 2025). Es ist kein theoretisches Risiko mehr.[9]
- Kann mich jeder abmahnen?
-
Nein. Abmahnberechtigt sind nur:[10]
- Mitbewerber – aber nur wenn echtes Wettbewerbsverhältnis besteht (gleiche Branche, gleicher Markt)
- Eingetragene Verbände – Verbraucherzentrale, Wettbewerbszentrale, IHKs
- Qualifizierte Einrichtungen – Liste beim Bundesamt für Justiz
Wichtig: Viele der ersten BFSG-Abmahnungen waren unberechtigt – z.B. von Web-Agenturen, die Shops abmahnten, obwohl kein echtes Wettbewerbsverhältnis bestand. Im Zweifel: Anwalt fragen, nicht sofort zahlen.[9]
- Prüft das wirklich jemand?
-
Ja. Die Bundesländer haben eine gemeinsame Behörde eingerichtet:
MLBF – Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen, Sitz in Magdeburg.[11]
Diese Behörde kann:
- Stichprobenartige Prüfungen durchführen
- Auf Beschwerden reagieren
- Informationen von Unternehmen anfordern
- Bußgelder verhängen
Vorteil der Zentralisierung: Einheitliche Auslegung in ganz Deutschland, kein Flickenteppich.
- Gibt es eine Übergangsfrist für bestehende Websites?
-
Nein – nicht für Websites und Online-Shops.
Die Übergangsfrist bis 2030 gilt nur für:[12]
- Physische Produkte, die vor dem 28.06.2025 in Verkehr gebracht wurden
- Dienstleistungsverträge, die vor dem 28.06.2025 geschlossen wurden UND unverändert fortgeführt werden
Ihr Online-Shop oder Ihre Website? Muss seit 28. Juni 2025 barrierefrei sein. Kein Bestandsschutz.
Ausnahme: Selbstbedienungsterminals (Ticketautomaten etc.) dürfen max. 15 Jahre ab Inbetriebnahme weiter genutzt werden.
- Was wenn ich mir das nicht leisten kann?
-
§ 17 BFSG sieht eine Ausnahme vor bei "unverhältnismäßiger Belastung".[13]
Was das bedeutet:
- Sie beurteilen selbst, ob die Kosten unverhältnismäßig sind (Verhältnis zu Umsatz/Betriebskosten)
- Sie müssen das dokumentieren und 5 Jahre aufbewahren
- Die Marktüberwachungsbehörde kann die Dokumentation anfordern
- Sie müssen die Beurteilung alle 5 Jahre wiederholen
Was KEINE Gründe sind:
- "Keine Zeit gehabt"
- "Wusste ich nicht"
- "Hat keine Priorität"
- "Fehlendes Know-how im Team"
Tipp: Die Bundesfachstelle Barrierefreiheit bietet Kleinstunternehmen kostenlose Beratung an (§ 15 BFSG).
- Ich nutze Shopify – bin ich automatisch barrierefrei?
-
Nein. Shopify-Themes sind nicht automatisch WCAG-konform.[14]
Was Shopify bietet:
- Moderne Themes mit Accessibility-Grundlagen
- Responsive Design
- Einige Best Practices out-of-the-box
Was SIE verantworten:
- Alt-Texte für Produktbilder (Shopify kann nicht wissen, was auf Ihren Fotos ist)
- Kontrastverhältnisse bei angepassten Farben
- Tastaturnavigation (muss manuell geprüft werden)
- Fokus-Zustände (oft nicht sichtbar bei Theme-Anpassungen)
Rechtlich: Als Shop-Betreiber sind SIE verantwortlich – nicht Shopify. Wenn die Behörde prüft, prüft sie Ihren Shop, nicht das Shopify-Theme.
Die 6 häufigsten Fehler
Laut WebAIM Million Report 2024 haben 95,9% aller getesteten Websites mindestens einen WCAG-Fehler. Durchschnittlich 56,8 Fehler pro Seite. Die gute Nachricht: 96% aller Fehler fallen in nur sechs Kategorien – und alle sind behebbar.[5]
| Fehler | % der Sites | Problem | Lösung |
|---|---|---|---|
| Kontrast unter 4.5:1 | 81% | Text ist bei Sehschwäche oder Sonnenlicht unleserlich | Contrast Checker nutzen, Farben anpassen |
| Fehlende Alt-Texte | 54,5% | Screenreader liest nur "Bild" – Information geht verloren | Beschreibende Alt-Texte für informative Bilder, alt="" für Dekoration |
| Fehlende Formular-Labels | 48,6% | Eingabefelder sind für Screenreader nicht zuordenbar | <label for="email"> mit <input id="email"> verknüpfen |
| Leere Links | 44,6% | Links ohne Text sind nicht navigierbar | Linktext muss Ziel beschreiben, nicht "hier klicken" |
| Leere Buttons | — | Icon-Buttons ohne Namen sind unsichtbar für Screenreader | aria-label="Menü öffnen" oder sichtbaren Text hinzufügen |
| Keine Sprache definiert | 17,1% | Screenreader liest deutschen Text mit englischer Aussprache | <html lang="de"> im Seitenquelltext |
Diese sechs Fehler allein zu beheben bringt Sie weiter als 80% aller Websites. Die Fehler zu finden ist einfach – sie zu beheben erfordert Zugriff auf den Code und jemanden, der HTML/CSS versteht. Beginnen Sie hier.
Selbst testen (15 Minuten)
Diese Tests zeigen grobe Mängel – fehlende Alt-Texte, Kontrastprobleme, kaputte Tastatur-Navigation. Sie ersetzen kein professionelles Audit: Automatische Tools finden nur 30-40% aller WCAG-Verstöße.[6] Ob ein Alt-Text sinnvoll ist, ob die Seite mit einem echten Screenreader funktioniert, ob die Tab-Reihenfolge logisch ist – das können Tools nicht beurteilen.
Trotzdem sinnvoll: Sie sehen, wie schlimm (oder gut) der aktuelle Stand ist, und können bei einer Agenturanfrage konkretere Fragen stellen.
Keyboard-Test
Jeder kann das. Tab-Taste drücken, durch die Seite navigieren (Shift+Tab = rückwärts). Kommen Sie überall hin? Ist der Fokus immer sichtbar? Praxistest: Einen Kauf oder eine Kontaktanfrage komplett ohne Maus abschließen.
Kontrast-Check
Etwas Aufwand. WebAIM Contrast Checker öffnen. Textfarbe und Hintergrundfarbe eingeben. Unter 4.5:1? Nachbessern. Aber: Sie müssen wissen, welche Farben Ihre Website verwendet.
Automatisierter Scan
Braucht HTML/CSS-Kenntnisse. WAVE Extension für Chrome/Firefox installieren. Rote Fehler zuerst. Die Meldungen beziehen sich auf HTML-Elemente – ohne Grundkenntnisse verstehen Sie die Ausgabe nicht.
Screenreader
Braucht Erfahrung. NVDA (Windows, kostenlos) oder VoiceOver (Mac, eingebaut). Erst sinnvoll, wenn Sie wissen, wie eine gut strukturierte Seite klingen sollte.
Fazit: Keyboard-Test können Sie selbst. Alles andere braucht entweder technische Grundkenntnisse oder jemanden, der sie hat – Ihre Webagentur, ein Entwickler, oder ein spezialisierter Dienstleister.
WCAG-Prinzipien
WCAG steht für Web Content Accessibility Guidelines – der internationale Standard für barrierefreie Webinhalte. Er basiert auf vier Prinzipien (POUR), die alle Anforderungen strukturieren.[7]
Perceivable (Wahrnehmbar)
Inhalte müssen über verschiedene Sinne erfassbar sein.
- Alternativtexte für Bilder
- Untertitel für Videos
- Ausreichende Kontraste
- Anpassbare Textgrößen
Operable (Bedienbar)
Navigation muss ohne Maus funktionieren.
- Vollständige Tastatur-Bedienung
- Keine Zeitlimits (oder abschaltbar)
- Keine Inhalte, die Anfälle auslösen
- Klare Navigation und Orientierung
Understandable (Verständlich)
Inhalte und Bedienung müssen nachvollziehbar sein.
- Sprache ist definiert (
lang="de") - Konsistente Navigation
- Fehlermeldungen sind hilfreich
- Keine unerwarteten Kontextwechsel
Robust
Inhalte funktionieren mit verschiedenen Technologien.
- Valides HTML
- ARIA korrekt eingesetzt
- Kompatibel mit Screenreadern
- Zukunftssicher strukturiert
Conformance Levels
WCAG hat drei Stufen: A (Minimum), AA (Standard), AAA (Maximum). Das BFSG verlangt Level AA – das ist auch der internationale Standard für Unternehmen und Behörden.
| Level | Bedeutung | Beispiel-Kriterium |
|---|---|---|
| A | Absolute Grundlagen – ohne diese ist die Seite für viele unbrauchbar | Bilder haben Alt-Texte |
| AA | Standard für Unternehmen – vom BFSG gefordert | Textkontrast mindestens 4.5:1 |
| AAA | Höchste Stufe – für spezialisierte Anwendungen | Textkontrast mindestens 7:1 |
Was sind Accessibility-Overlays?
Vielleicht haben Sie Werbung gesehen: "Website barrierefrei in 5 Minuten", "Ein Script, vollständige Compliance". Das sind Overlay-Anbieter. Sie verkaufen ein kleines Programm (JavaScript), das Sie auf Ihrer Website einbinden. Danach erscheint ein Widget – meist ein kleines Icon am Seitenrand – mit Optionen wie "Schrift vergrößern", "Kontrast erhöhen", "Screenreader-Modus".
Das klingt praktisch. Die Preise sind niedrig (oft 49 €/Monat oder unter 500 €/Jahr), die Installation dauert Minuten. Warum also nicht?
Warum Overlays nicht funktionieren
Das Grundproblem: Ein Overlay kann nur ändern, was im Browser passiert – nicht den eigentlichen Quellcode Ihrer Website. Wenn ein Bild keinen Alt-Text hat, kann das Overlay keinen sinnvollen erfinden. Wenn die Überschriften-Hierarchie falsch ist, kann das Overlay sie nicht reparieren. Wenn ein Formular nicht richtig beschriftet ist, bleibt es für Screenreader unbrauchbar.
Was Overlays versprechen
- Automatische Erkennung und Behebung von Problemen
- WCAG-Konformität ohne Code-Änderungen
- Rechtliche Absicherung gegen Abmahnungen
Was sie tatsächlich können
- Schriftgröße und Kontrast anpassen (das kann der Browser auch)
- Einige offensichtliche Fehler kaschieren
- 20-40% der Probleme oberflächlich adressieren
- Screenreader oft eher stören als helfen
Warum das für Sie relevant ist
Im deutschen Kontext ist entscheidend: Die Marktüberwachungsbehörde prüft den Quellcode Ihrer Website, nicht was ein Overlay daraus macht. Wenn Ihr HTML nicht WCAG-konform ist, ist es das auch mit Overlay nicht. Ein Overlay schützt Sie nicht vor BFSG-Verstößen – es gibt Ihnen nur das Gefühl, etwas getan zu haben.
Behindertenverbände und Accessibility-Experten warnen seit Jahren vor diesen Produkten. Über 700 Personen haben eine offene Erklärung unterzeichnet: overlayfactsheet.com[8]
Kurz: Wenn Ihnen jemand "Barrierefreiheit ohne Aufwand" verkaufen will, ist das ein Warnsignal. Echte Barrierefreiheit erfordert Arbeit am Code – nicht ein Widget, das darüber liegt.
Dienstleister finden
Barrierefreiheit ist ein Spezialgebiet. Die meisten Webagenturen und Entwickler haben davon wenig Ahnung – auch wenn sie das Gegenteil behaupten. Das Ergebnis: Websites, die "nach WCAG" gebaut wurden, aber beim ersten echten Test mit einem Screenreader versagen. Oder Audits, die nur automatisierte Tools nutzen und 60% der Probleme übersehen.
Ein guter Accessibility-Dienstleister ist schwer zu finden, aber es gibt sie. Worauf Sie achten sollten: echte Erfahrung mit WCAG 2.1, manuelle Tests mit assistiven Technologien, und idealerweise eine Zertifizierung der IAAP. Die Preisunterschiede sind enorm – von 190 € für eine Stichprobe bis 20.000 € für ein vollständiges Audit einer komplexen Webanwendung.
Was kostet das?
Die Kosten hängen stark davon ab, wie gründlich geprüft wird und wie komplex Ihre Website ist. Automatisierte Tools finden nur 30-40% aller Barrieren – wer nur damit testet, übersieht die Hälfte der Probleme. Ein vollständiges Audit mit manuellen Tests (Screenreader, Tastatur-Navigation, Farbkontraste) kostet mehr, aber nur so erfahren Sie den tatsächlichen Zustand.
Audit-Kosten nach Website-Typ
| Website-Typ | Audit-Art | Preisspanne |
|---|---|---|
| Einzelne Seite / Stichprobe | Automatisiert + manuell | ab 190 € |
| Kleine Website (3-5 Layouts) | Kombiniertes Audit | 1.500–3.000 € |
| Mittelgroße Website (5-10 Layouts) | BIK BITV-Test (vollständig manuell)15 | 4.000–8.000 € |
| Komplexe Webanwendung / Shop | BIK BITV-Test + Nutzer-Tests | 8.000–20.000 € |
| Nur automatisierte Prüfung | Tools wie WAVE, axe, Lighthouse | kostenlos – 500 € |
Umsetzungskosten
Was die Behebung kostet, lässt sich nicht pauschal sagen – es hängt vom Zustand Ihrer Website ab:
- Einfache Fixes (Alt-Texte, Kontraste, Beschriftungen): Stunden
- Strukturelle Probleme (Navigation, Formulare, Fokus-Management): Tage bis Wochen
- Grundlegende Probleme (kein semantisches HTML, Framework-Limitierungen): Wochen bis Monate
- Komplette Neuentwicklung: selten nötig, aber bei alten CMS oder veralteten Frameworks manchmal sinnvoller
Typischer Stundensatz: 80–120 € für spezialisierte Accessibility-Beratung. Allgemeine Webentwickler ohne Accessibility-Erfahrung sind günstiger, brauchen aber länger und übersehen mehr.
Realistische Gesamtkosten für eine kleine Website (10-20 Seiten): 2.000–5.000 € für Audit + grundlegende Umsetzung. Shops und Webanwendungen mit individuellen Formularen, Checkout-Prozessen oder dynamischen Inhalten: deutlich mehr.
Gute Zeichen
- Mitglied im BIK-Prüfverbund (offiziell autorisiert für BITV-Tests)
- Erklärt, dass sie manuell mit Screenreadern testen
- Gibt realistische Zeitschätzungen (nicht "in 2 Wochen konform")
- Liefert Berichte mit konkreten Code-Beispielen, nicht nur "Kontrast zu niedrig"
Fragen, die Sie stellen sollten
- "Wie testen Sie?" – Nur Tools? Oder auch mit Screenreadern? Mit echten Nutzern? Je mehr manuell, desto besser.
- "Haben Sie Erfahrung mit WCAG 2.1 AA?" – Wenn Schweigen, dann nicht.
- "Was bekomme ich als Ergebnis?" – Ein guter Bericht nennt konkrete Elemente, zeigt Screenshots, gibt Code-Beispiele. Nicht nur "Kontrast zu niedrig".
- "Wer setzt um?" – Macht der Auditor auch die Umsetzung? Oder brauche ich einen separaten Entwickler? Arbeiten die zusammen?
- "Was ist mit laufenden Änderungen?" – Jede Website ändert sich. Wie stelle ich sicher, dass neue Inhalte auch barrierefrei sind?
Wenn Ihre Agentur ein Overlay empfiehlt: Suchen Sie sich eine andere Agentur. Ernsthaft. Das zeigt, dass sie das Thema nicht verstanden haben.
Woran Sie unseriöse Anbieter erkennen
"Zertifiziert barrierefrei"
Es gibt kein offizielles Barrierefreiheits-Zertifikat für Websites. Manche Anbieter vergeben eigene "Siegel" – die bedeuten nur, dass Sie bezahlt haben. Was es gibt: zertifizierte Prüfer. Die IAAP (International Association of Accessibility Professionals) vergibt Zertifikate wie CPACC und WAS – aber für Personen, nicht für Websites. Ein IAAP-zertifizierter Prüfer ist ein gutes Zeichen. Ein "Barrierefrei-Siegel" von niemandem sonst eher nicht.
"In 2 Wochen WCAG-konform"
Bei einer komplexen Website unrealistisch. Entweder wurde nur oberflächlich geprüft, oder es werden Probleme ignoriert. Ein seriöses Audit braucht Zeit.
"Unser Widget macht Sie compliant"
Overlay-Anbieter. Funktioniert nicht, schützt nicht vor dem BFSG.
Nur automatische Scans
Tools finden 30-40% der Fehler. Wenn niemand manuell mit einem Screenreader testet, ist das Audit unvollständig – egal wie schick der PDF-Bericht aussieht.
"100% WCAG-konform garantiert"
WCAG-Konformität ist ein Spektrum und ändert sich bei jeder Content-Änderung. Wer "100% garantiert" verspricht, versteht das Thema nicht.
Quellen
- ETSI: EN 301 549 V3 – Harmonized European Standard for ICT Accessibility
- bfsg-gesetz.de: § 37 BFSG – Bußgeldvorschriften
- W3C: Web Content Accessibility Guidelines (WCAG) 2.1
- IHK München: Barrierefreiheitsstärkungsgesetz: Neue Pflichten für Unternehmen
- WebAIM: The WebAIM Million – 2024/2025 Report
- W3C WAI: Understanding Techniques for WCAG 2.1
- W3C WAI: All WCAG 2.1 Techniques
- Overlay Fact Sheet: Overlay Fact Sheet – Gemeinsame Erklärung gegen Accessibility-Overlays
- IT-Recht Kanzlei: FAQ: Barrierefreiheit von Online-Shops nach dem BFSG
- bfsg-gesetz.de: § 33 BFSG – Rechtsbehelfe, Ansprüche
- Bundesfachstelle Barrierefreiheit: FAQ zum BFSG – Marktüberwachung
- bfsg-gesetz.de: § 38 BFSG – Übergangsbestimmungen
- bfsg-gesetz.de: § 17 BFSG – Unverhältnismäßige Belastung
- Shopify Help Center: Shopify Themes – Barrierefreiheit ist Händlerverantwortung
- BIK-Prüfverbund: BIK BITV-Test – Prüfverfahren
- HÄRTING Rechtsanwälte: BFSG im E-Commerce – B2B vs. B2C Abgrenzung
Weiterführende Guides
- Website-Aufbau & Inhaltsstrategie – Struktur, Content, Conversion
- SEO & Analytics – Die Grundlagen – Rankings, Tools, Metriken
- Online-Präsenz – Die Grundlagen – Google Business, Newsletter, Social