Barrierefreie Onlineshops nach BFSG: Pflicht, Umsetzung und die Grenzen von Overlay-Tools

Barrierefreiheit im Onlineshop ist seit dem 28. Juni 2025 für viele Händler keine Kür mehr, sondern gesetzliche Pflicht. Das Barrierefreiheitsstärkungsgesetz (BFSG) verlangt, dass Onlineshops für Menschen mit Behinderungen ohne fremde Hilfe nutzbar sind. Dieser Beitrag erklärt, wen die Pflicht trifft, was technisch dahintersteckt und warum die schnell verkaufte Overlay-Lösung das Problem meist nicht löst – aus Sicht eines Händlers, der den eigenen Shop danach umgebaut hat.

Wen das BFSG verpflichtet

Das Gesetz gilt für Unternehmen, die Verbrauchern Produkte oder Dienstleistungen elektronisch anbieten – der klassische B2C-Onlineshop fällt also darunter. Ausgenommen sind Kleinstunternehmen, die eine Dienstleistung anbieten und dabei sowohl weniger als zehn Mitarbeiter beschäftigen als auch höchstens zwei Millionen Euro Jahresumsatz erzielen. Wichtig: Diese Ausnahme greift für Dienstleistungen, nicht automatisch für den reinen Produktverkauf, und die beiden Schwellen müssen zusammen erfüllt sein. Wer im Grenzbereich liegt, sollte die eigene Einstufung dokumentieren, statt sich auf ein Bauchgefühl zu verlassen.

Die Aufsicht liegt bei der Marktüberwachungsbehörde der Länder. Sie kann Mängel feststellen, Fristen zur Nachbesserung setzen und im Extremfall den Vertrieb untersagen. Realistischer als das Behördenverfahren ist für die meisten Shops jedoch ein anderes Risiko: Mitbewerber und Verbände, die Verstöße abmahnen. Das Muster kennt man aus anderen Pflichtangaben im Handel – die typischen Abmahnfallen im Onlineshop haben mit fehlender Barrierefreiheit jetzt einen neuen Zuwachs bekommen.

WCAG 2.1 als Maßstab

Das BFSG selbst nennt keine technischen Details, sondern verweist über die zugehörige Verordnung auf anerkannte Standards. In der Praxis ist das die europäische Norm EN 301 549, die wiederum auf den Web Content Accessibility Guidelines 2.1 in der Konformitätsstufe AA aufsetzt. Diese Richtlinien sind der eigentliche Prüfmaßstab, an dem sich ein Shop messen lassen muss.

Die WCAG lassen sich auf vier Grundprinzipien herunterbrechen: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Das klingt abstrakt, wird aber im Shop-Alltag schnell konkret – jedes dieser Prinzipien scheitert an einer überschaubaren Zahl wiederkehrender Fehler.

Die häufigsten Barrieren im Shop

• Kontraste, die zu schwach sind. Hellgraue Schrift auf weißem Grund sieht modern aus, unterschreitet aber oft das geforderte Verhältnis von 4,5:1 für normalen Text.
• Bilder ohne Alternativtext. Produktbilder, die nur als Dekoration im Code stehen, sind für Screenreader unsichtbar. Bei einem Shop mit vielen Artikeln ist das die aufwendigste Baustelle.
• Formulare ohne verknüpfte Labels. Ein Eingabefeld, dessen Beschriftung technisch nicht zugeordnet ist, lässt sich per Screenreader nicht sinnvoll ausfüllen – besonders kritisch im Checkout.
• Bedienung nur per Maus. Wer den Warenkorb oder das Menü nicht mit der Tastatur erreichen kann, ist ausgeschlossen. Der Fokus muss sichtbar und in logischer Reihenfolge durch die Seite wandern.
• Fehlermeldungen, die nur auf Farbe setzen. Ein rot umrandetes Feld allein reicht nicht; der Fehler muss auch als Text benannt werden.

Die gute Nachricht: Keiner dieser Punkte ist für sich genommen kompliziert. Die Arbeit steckt in der Menge und darin, sie im Template konsequent umzusetzen, statt Seite für Seite nachzubessern.

Warum Overlay-Tools das BFSG nicht erfüllen

Sobald die Pflicht näher rückte, tauchten Anbieter auf, die eine bestechend einfache Lösung versprachen: ein Skript einbinden, ein kleines Barrierefreiheits-Menü erscheint, fertig. Diese Overlay- oder Accessibility-Widgets legen sich über den bestehenden Shop und bieten dem Nutzer Schalter für größere Schrift, mehr Kontrast oder eine Vorlesefunktion.

Das Problem: Sie reparieren die Barrieren nicht, sie überdecken sie. Ein Bild ohne Alternativtext bleibt ohne Alternativtext, ein Formularfeld ohne Label bleibt unbeschriftet – das Overlay ändert an der zugrunde liegenden Struktur nichts. Nutzer, die auf einen Screenreader angewiesen sind, bringen ihre eigene, ausgereifte Software mit; ein zusätzliches Widget steht dieser oft eher im Weg, als dass es hilft. Genau deshalb erfüllt ein Overlay die WCAG nicht und schützt entsprechend auch nicht vor einer Abmahnung. Wer auf Nummer sicher gehen will, kommt an der Arbeit an der Substanz nicht vorbei.

Aus der Praxis

Ich habe den Umbau in meinem eigenen Shop durchlaufen und nicht an einem Testprojekt. Das ordnet die Dinge anders ein, als es ein reiner Ratgeber kann: Man sieht schnell, welche Anpassungen im Template mit einem Griff viele Seiten auf einmal erledigen – etwa Kontraste und Fokus-Darstellung – und welche echte Handarbeit bleiben, allen voran die Alternativtexte für einen gewachsenen Artikelbestand.

In der Praxis hielt sich der technische Aufwand in Grenzen: Das Template brachte die meisten Anforderungen bereits mit, für die restlichen Anpassungen an Farben und Kontrasten reichten ein bis zwei Stunden. Die Alternativtexte pflege ich bei den zentralen Inhaltsbildern direkt selbst, die Produktbilder ziehen ihre Angaben aus dem Shop-System, und den Rest erledige ich inzwischen mit Unterstützung von KI-Werkzeugen. Der eigentliche Aufwand lag ohnehin woanders – nämlich darin, sich in das Gesamtsystem einzuarbeiten und zu verstehen, an welcher Stelle sich was einstellen lässt. Ist diese Logik einmal durchdrungen, ist Barrierefreiheit kein Hexenwerk.

Wie der aktuelle Stand und die konkreten Maßnahmen aussehen, ist auf der Erklärung zur Barrierefreiheit dieser Seite dokumentiert.

Wie man pragmatisch anfängt

1. Bestandsaufnahme. Eine automatische Prüfung deckt einen Teil der Fehler auf – Kontraste, fehlende Labels, fehlende Alternativtexte. Sie ersetzt keine manuelle Kontrolle, zeigt aber schnell die größten Baustellen.
2. Am Template ansetzen. Was zentral im Design gelöst wird, wirkt auf allen Seiten. Das ist der Hebel mit dem besten Verhältnis von Aufwand zu Wirkung.
3. Den Checkout zuerst. Wenn irgendwo Barrierefreiheit zählt, dann im Kaufprozess. Ein Shop, der bis zum Warenkorb barrierefrei ist und dann im Checkout scheitert, verfehlt den Zweck.
4. Alternativtexte abarbeiten. Die mühsamste, aber unverzichtbare Aufgabe. Bei großen Beständen lohnt es, mit den meistbesuchten Produkten zu beginnen.
5. Dokumentieren. Eine Erklärung zur Barrierefreiheit gehört auf die Seite – sie ist Teil der Pflicht und zugleich ein Signal an Kunden und Behörden.

Barrierefreiheit ist kein einmaliges Projekt, sondern ein Zustand, den man hält. Jedes neue Produktbild, jede Template-Änderung kann eine neue Barriere einführen – deshalb gehört die Prüfung in den laufenden Betrieb, nicht nur in die einmalige Umstellung. Wer beim Umbau des Shops ohnehin ansteht, sollte Barrierefreiheit gleich mitdenken; nachträglich ist sie teurer als von Anfang an. Wenn Sie vor einer solchen Entscheidung stehen, ist die E-Commerce-Beratung der richtige Anlaufpunkt, um Aufwand und Reihenfolge realistisch einzuschätzen.

Barrierefreiheit ist eine von drei Pflichtebenen für Shops in regulierten Branchen. Der vollständige Überblick findet sich auf der Seite Onlineshop in regulierten Branchen.

Ein verbreiteter Irrweg bei der Umsetzung sind Overlay-Tools. Warum sie das BFSG nicht erfüllen, zeigt der Beitrag Warum Overlay-Tools das BFSG nicht erfüllen.

Häufige Fragen

Gilt das BFSG auch für kleine Onlineshops?

Oft ja. Die Kleinstunternehmen-Ausnahme gilt für Dienstleistungen und setzt voraus, dass weniger als zehn Mitarbeiter beschäftigt sind und höchstens zwei Millionen Euro Jahresumsatz erzielt werden. Für den reinen Produktverkauf greift sie nicht automatisch – im Zweifel sollte die Einstufung geprüft und dokumentiert werden.

Reicht ein Barrierefreiheits-Widget aus?

Nein. Overlay-Tools überdecken Barrieren, beheben sie aber nicht. Die WCAG werden dadurch nicht erfüllt, und der Schutz vor Abmahnungen bleibt aus. Die Anpassungen müssen an der Struktur des Shops selbst erfolgen.

Welcher Standard ist maßgeblich?

Die WCAG 2.1 in der Stufe AA, eingebettet über die europäische Norm EN 301 549. An diesem Maßstab wird die Barrierefreiheit eines Shops gemessen.

Was kostet die Umsetzung?

Das hängt stark vom Ausgangszustand ab. Anpassungen am Template wirken auf viele Seiten gleichzeitig und sind vergleichsweise günstig; der größte Einzelposten ist meist das Nachtragen von Alternativtexten bei großen Artikelbeständen. Eine ehrliche Bestandsaufnahme liefert die belastbarste Kostenschätzung.

Muss ich eine Erklärung zur Barrierefreiheit veröffentlichen?

Ja. Eine zugängliche Erklärung, die den Stand der Umsetzung und eine Kontaktmöglichkeit für Hinweise nennt, gehört zu den Pflichten und ist zugleich ein Vertrauenssignal.

Dieser Beitrag gibt praktische Orientierung aus Händlersicht und ist keine Rechtsberatung. Für die verbindliche Einordnung des eigenen Falls ist fachkundiger Rat einzuholen.