Barrierefreie Website: Was das BFSG seit 2025 verlangt und wie ihr es umsetzt
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz, kurz BFSG. Wer online an Verbraucher:innen verkauft, braucht seitdem eine barrierefreie Website. Hier steht, wen das Gesetz trifft, was es konkret verlangt und wie ihr eure Seite in acht Punkten barrierefrei macht. Stand: Oktober 2026.
Barrierefreie Website und BFSG: wen das Gesetz betrifft
Das BFSG gilt für Produkte und Dienstleistungen an Verbraucher:innen. Für Websites zählen vor allem die „Dienstleistungen im elektronischen Geschäftsverkehr“. Gemeint ist alles, womit online ein Vertrag mit Privatpersonen zustande kommt:
- Onlineshops
- Online-Buchungen, etwa von Terminen, Kursen oder Reisen
- Verträge, die online abgeschlossen werden, etwa Tarife bei Stadtwerken oder Abos
- Bankdienstleistungen und E-Books
Nicht betroffen sind:
- reine B2B-Angebote, bei denen nur Unternehmen kaufen
- Websites, die nur informieren, ohne dass online ein Vertrag geschlossen wird
- Kleinstunternehmen mit Dienstleistungen: weniger als 10 Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme
Für Verträge, die vor dem 28. Juni 2025 geschlossen wurden, gibt es Übergangsfristen bis Juni 2030. Neue Angebote müssen die Anforderungen sofort erfüllen.
Was das BFSG konkret verlangt
Das Gesetz selbst nennt allgemeine Anforderungen: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Wie das technisch aussieht, regelt die europäische Norm EN 301 549. Ihre gültige Fassung stützt sich auf die Web Content Accessibility Guidelines, kurz WCAG, in Version 2.1, Stufe AA.
Am 2. September 2026 ist die neue Fassung EN 301 549 V4.1.1 erschienen. Sie stellt auf WCAG 2.2 AA um. Verbindlich wird sie, sobald die EU sie im Amtsblatt nennt, was für Ende 2026 erwartet wird. Wer jetzt baut oder umbaut, sollte gleich WCAG 2.2 AA anpeilen. Das ist auch unser Ziel für unsere eigene Website.
Dazu kommt eine Pflicht, die oft vergessen wird: Informationen zur Barrierefreiheit. Ihr beschreibt eure Dienstleistung, wie sie die Anforderungen erfüllt, und nennt die zuständige Marktüberwachungsbehörde. Diese Informationen müssen öffentlich zugänglich und selbst barrierefrei sein.
Kontrolle, Bußgelder, Abmahnungen
Zuständig ist die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) in Magdeburg. Sie kann Mängel beanstanden, Fristen zur Behebung setzen und im Extremfall ein Angebot untersagen. Nach § 37 BFSG drohen Bußgelder bis 100.000 Euro, wenn eine Dienstleistung die Anforderungen an die Barrierefreiheit nicht erfüllt, und bis 10.000 Euro, wenn vorgeschriebene Informationen oder Auskünfte fehlen, falsch sind oder zu spät kommen. Veröffentlichte Bußgeldbescheide sind bis Oktober 2026 nicht bekannt.
Abmahnungen von Mitbewerbern hat es seit 2025 gegeben. Ob Verstöße gegen das BFSG nach dem Wettbewerbsrecht überhaupt abgemahnt werden dürfen, ist gerichtlich ungeklärt. Wer online an Verbraucher:innen verkauft, sollte die Lücken trotzdem jetzt schließen.
Was in die Informationen zur Barrierefreiheit gehört
Das BFSG nennt die Pflichtinhalte in seiner Anlage 3. Eine eigene Seite, verlinkt im Fußbereich neben Impressum und Datenschutz, hat sich bewährt. Sie enthält:
- eine allgemeine Beschreibung eurer Dienstleistung, in verständlicher Sprache
- eine Beschreibung, wie die Dienstleistung genutzt wird, etwa wie der Bestellprozess abläuft
- wie eure Website die Anforderungen erfüllt, zum Beispiel nach welcher Norm ihr prüft
- die zuständige Marktüberwachungsbehörde, also die MLBF in Magdeburg
Viele Unternehmen ergänzen ehrlich, was noch nicht barrierefrei ist und bis wann es behoben wird, dazu eine Kontaktmöglichkeit für Hinweise. Das verlangt das BFSG nicht ausdrücklich, zeigt aber, dass ihr das Thema ernst nehmt. Die Seite selbst muss natürlich ebenfalls barrierefrei sein.
Die 8 wichtigsten Punkte für eine barrierefreie Website
1. Kontraste
Text braucht ein Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund, große Schrift 3:1. Das gilt auch für Text auf Bildern und für Buttons. Informationen dürfen nie nur über Farbe vermittelt werden, etwa ein Fehler im Formular nur in Rot.
2. Tastatur und Fokus
Jede Funktion muss ohne Maus bedienbar sein: Menü, Formulare, Slider, Popups. Wer mit der Tab-Taste durch die Seite geht, muss jederzeit sehen, wo er gerade ist. Entfernt deshalb nie die Fokus-Markierung, gestaltet sie lieber deutlich.
3. Alternativtexte für Bilder
Screenreader lesen den Alternativtext vor. Beschreibt, was für das Verständnis wichtig ist, nicht jedes Detail. Rein schmückende Bilder bekommen einen leeren Alternativtext, damit Screenreader sie überspringen.
4. Überschriften und Struktur
Eine H1 pro Seite, darunter H2 und H3 in logischer Reihenfolge. Viele Screenreader-Nutzer:innen springen von Überschrift zu Überschrift. Dazu gehören Bereiche wie Kopf, Navigation, Hauptinhalt und Fuß, die im Code als solche ausgezeichnet sind.
5. Formulare
Jedes Feld braucht eine sichtbare Beschriftung, ein Platzhalter im Feld reicht nicht. Fehlermeldungen sagen, was falsch ist und wie es richtig geht, und stehen direkt am Feld. Gerade im Bestellprozess entscheidet sich, ob jemand kaufen kann.
6. Videos und Audio
Videos brauchen Untertitel, Audio ein Transkript. Wichtige Informationen, die nur im Bild stecken, brauchen eine Beschreibung. Videos starten nicht von selbst mit Ton.
7. Verständliche Sprache
Kurze Sätze, aktive Formulierungen, Fachbegriffe erklären. Die Sprache der Seite ist im Code angegeben, damit Screenreader richtig aussprechen. Für manche Angebote, vor allem öffentliche, lohnt sich zusätzlich eine Fassung in Leichter Sprache.
8. Zoom und kleine Bildschirme
Die Seite muss sich auf 200 % vergrößern lassen, ohne dass Inhalte abgeschnitten werden. Auf schmalen Bildschirmen fließt der Inhalt in eine Spalte, ohne seitliches Scrollen. Animationen respektieren die Systemeinstellung „Bewegung reduzieren“.
Häufige Barrieren in Onlineshops und Buchungsstrecken
Die acht Punkte klingen einfach. In der Praxis scheitern Shops und Buchungen oft an denselben Stellen:
- Das Einwilligungsbanner lässt sich nicht per Tastatur schließen oder fängt den Fokus, sodass niemand ohne Maus auf die Seite kommt. Das ist besonders ärgerlich, weil das Banner das Erste ist, was alle sehen.
- Produktfilter und Sortierung bestehen aus Symbolen ohne Beschriftung. Ein Screenreader liest dann nur „Schaltfläche“ vor.
- Größen- und Farbauswahl funktioniert nur per Klick auf kleine Farbfelder, ohne Text und ohne Tastatur.
- Captchas mit verzerrten Buchstaben ohne Alternative sperren Menschen mit Sehbehinderung aus.
- Zeitlimits im Bestellprozess laufen ab, ohne dass man sie verlängern kann.
- Slider und Banner wechseln automatisch und lassen sich nicht anhalten.
- Fehlermeldungen erscheinen oben auf der Seite statt am Feld, oder nur als rote Umrandung.
Geht eure eigene Bestellstrecke einmal mit genau dieser Liste durch, am besten nur mit der Tastatur und einmal mit eingeschaltetem Screenreader. Wer hier nachbessert, hat die Stellen erwischt, an denen Kund:innen sonst abbrechen.
So prüft ihr eure Website
- Automatischer Test: Lighthouse in Chrome oder Werkzeuge wie WAVE finden fehlende Alternativtexte, schwache Kontraste und fehlende Beschriftungen. Sie finden aber nur einen Teil der Probleme.
- Tastatur-Test: Legt die Maus weg und geht mit Tab, Enter und Pfeiltasten durch eure wichtigsten Abläufe, etwa vom Produkt bis zur Bestellung.
- Screenreader-Test: VoiceOver auf dem Mac und iPhone oder NVDA unter Windows sind kostenlos. Hört euch eure Startseite einmal an.
- Prüfung durch Fachleute: Für Shops und Buchungsstrecken lohnt sich ein Test nach WCAG durch Menschen, die das täglich machen, oder mit Menschen mit Behinderung.
Barrierefreiheit beim Relaunch gleich mitbauen
Barrierefreiheit nachträglich einzubauen ist teurer, als sie von Anfang an mitzudenken. Kontraste gehören ins Farbsystem, Fokus-Stile in die Komponenten, Beschriftungen in die Formulare. Wer ohnehin einen Relaunch plant, sollte WCAG 2.2 AA ins Pflichtenheft schreiben. Worauf es beim Relaunch sonst ankommt, steht in B2B-Website-Relaunch.
Eine barrierefreie Website ist außerdem für alle leichter zu bedienen, auch mit dem Handy in der Sonne. Klare Struktur, gute Überschriften und Alternativtexte helfen auch Google und KI-Diensten wie ChatGPT, Claude und Gemini, eure Seite zu verstehen.
Wir bauen Websites mit dem Ziel WCAG 2.2 AA und prüfen Tempo und Barrierefreiheit vor jedem Livegang. Mehr dazu auf der Seite Websites & Relaunch, dort könnt ihr auch eine kostenlose Erstberatung anfragen.
Häufige Fragen
Kurz beantwortet: was uns zu diesem Beitrag oft gefragt wird.
Nein, nicht für reine B2B-Angebote. Das BFSG gilt für Dienstleistungen an Verbraucher:innen, etwa Onlineshops, Buchungen oder Verträge, die online abgeschlossen werden. Wer nur an Unternehmen verkauft, ist nicht betroffen. Barrierefreiheit lohnt sich trotzdem, weil sie die Seite für alle besser bedienbar macht.
Kleinstunternehmen sind bei Dienstleistungen ausgenommen. Das sind Unternehmen mit weniger als 10 Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Alle anderen Unternehmen, die online an Verbraucher:innen verkaufen, müssen die Anforderungen erfüllen.
Die Marktüberwachungsstelle der Länder (MLBF) in Magdeburg kann Mängel beanstanden, Fristen setzen und im Extremfall ein Angebot untersagen. Nach § 37 BFSG drohen Bußgelder bis 100.000 Euro, wenn eine Dienstleistung die Anforderungen an die Barrierefreiheit nicht erfüllt, und bis 10.000 Euro, wenn vorgeschriebene Informationen oder Auskünfte fehlen, falsch sind oder zu spät kommen. Ob Mitbewerber Verstöße abmahnen dürfen, haben Gerichte bis Oktober 2026 noch nicht entschieden.
Nein. Overlays legen eine Werkzeugleiste über die Seite, ändern aber nichts an fehlerhaftem Code, fehlenden Beschriftungen oder einer Bedienung, die ohne Maus nicht funktioniert. Barrierefreiheit entsteht im Aufbau der Seite selbst.
Das BFSG verlangt Informationen zur Barrierefreiheit: eine Beschreibung der Dienstleistung, wie sie die Anforderungen erfüllt, und die zuständige Marktüberwachungsbehörde. Die Informationen müssen öffentlich und selbst barrierefrei sein, etwa als eigene Seite, verlinkt im Fußbereich.
Malte Fonfara
Geschäftsführer von NINJAPIRATEN. Die ganze Crew