BFSG im Onlineshop: Barrierefreiheit in der Praxis umsetzen 2026

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) verbindlich für alle neu angebotenen digitalen Dienste – darunter auch Onlineshops. Wer im B2C-Bereich verkauft, muss sicherstellen, dass sein Shop auch für Menschen mit Behinderungen vollständig nutzbar ist. Klingt nach bürokratischer Pflichtübung? Ist es nicht. Barrierefreie Shops laden schneller, sind nutzerfreundlicher und ranken bei Google tendenziell besser – weil viele der Anforderungen mit guter technischer Qualität zusammenfallen. Dieser Praxisleitfaden zeigt, was das BFSG konkret bedeutet, wen es betrifft und wie Sie die Umsetzung strukturiert angehen.

Was ist das BFSG?

Das Barrierefreiheitsstärkungsgesetz setzt die europäische Richtlinie 2019/882 (European Accessibility Act, kurz EAA) in deutsches Recht um. Es verpflichtet Unternehmen, bestimmte Produkte und Dienstleistungen so zu gestalten, dass Menschen mit Behinderungen sie ohne fremde Hilfe nutzen können.

Für Onlinehändler bedeutet das: Der gesamte Kaufprozess – von der Produktsuche über die Bestellung bis zum Kundenkonto – muss barrierefrei zugänglich sein. Als technischer Maßstab gilt die internationale Norm WCAG 2.1 auf Level AA, die über die europäische Norm EN 301 549 ins Gesetz eingebettet ist.

Das BFSG ist kein reines Barrierefreiheitsgesetz im klassischen Sinn. Es knüpft an den europäischen Binnenmarkt an: Wer nicht konform ist, darf sein Angebot im Streitfall nicht uneingeschränkt vermarkten. Die Konsequenzen sind rechtlicher und reputativer Natur.

Wen betrifft das BFSG?

Das Gesetz richtet sich an Unternehmen, die digitale Dienstleistungen im B2C-Bereich anbieten – also direkt an Verbraucher verkaufen. B2B-Onlineshops, die ausschließlich an Gewerbetreibende verkaufen, fallen grundsätzlich nicht unter das BFSG.

Die Kleinunternehmen-Ausnahme

Es gibt eine wichtige Ausnahme für Kleinstunternehmen. Wer beide folgenden Kriterien erfüllt, ist vom BFSG befreit:

• Weniger als 10 Mitarbeiter (Vollzeitäquivalente)
• Jahresumsatz oder Jahresbilanzsumme von höchstens 2 Millionen Euro

Entscheidend: Beide Bedingungen müssen gleichzeitig erfüllt sein. Ein Unternehmen mit 8 Mitarbeitern aber 5 Millionen Euro Umsatz ist nicht befreit. Wachsende Shops sollten das regelmäßig prüfen – wer einmal über die Schwelle wächst, unterliegt der Pflicht.

Bestandsschutz für bestehende Dienste

Bereits vor dem 28. Juni 2025 aktive Dienstleistungen profitieren von einer Übergangsfrist: Sie müssen erst bis zum 27. Juni 2030 vollständig konform sein. Wer seinen Shop nach dem Stichtag jedoch grundlegend überarbeitet oder ein neues System einführt, muss die Anforderungen sofort erfüllen. Ein vollständiger Relaunch löscht den Bestandsschutz.

Was verlangt das BFSG technisch?

Die technischen Anforderungen basieren auf den WCAG 2.1 Erfolgskriterien Level AA. Diese sind nach vier Prinzipien gegliedert – wahrnehmbar, bedienbar, verständlich, robust (im Englischen als POUR bekannt).

Wahrnehmbarkeit

Alle Inhalte müssen so dargestellt sein, dass Nutzer sie wahrnehmen können – unabhängig davon, ob sie sehen, hören oder lesen können.

• Alternativtexte: Jedes Produktbild braucht einen beschreibenden Alt-Text. Nicht „img_4523.jpg“, sondern „Rotes Herren-T-Shirt mit V-Ausschnitt, Größe L“.
• Kontrastverhältnis: Fließtext muss mindestens ein Kontrastverhältnis von 4,5:1 zum Hintergrund haben. Hellgrauer Text auf weißem Hintergrund ist ein häufiger Fehler.
• Keine rein farbliche Information: „Pflichtfelder sind rot markiert“ reicht nicht – ein Symbol oder ein Hinweistext muss ergänzt werden.
• Untertitel und Transkripte: Wer Produktvideos einbindet, braucht Untertitel für gehörlose Nutzer.

Bedienbarkeit

Der Shop muss vollständig per Tastatur bedienbar sein – ohne Maus. Das ist die häufigste Hürde in der Praxis.

• Tastaturnavigation: Alle interaktiven Elemente – Buttons, Links, Filter, Warenkorb – müssen per Tab-Taste erreichbar und per Enter aktivierbar sein.
• Fokusanzeige: Das aktuell fokussierte Element muss sichtbar hervorgehoben sein. Viele Themes blenden den Fokusrahmen per CSS aus – das ist ein direkter Verstoß.
• Keine erzwungenen Zeitlimits: Zeitgesteuerte Aktionen wie automatisch ablaufende Warenkörbe müssen verlängerbar oder deaktivierbar sein.
• Keine Blitzeffekte: Blinkende oder flackernde Animationen über 3 Hz sind verboten – sie können bei empfindlichen Nutzern Anfälle auslösen.

Verständlichkeit

Inhalte und Bedienung müssen verständlich sein.

• Sprache im HTML: Das lang-Attribut im HTML-Element muss korrekt gesetzt sein (z. B. lang=“de“). Screenreader nutzen das für die korrekte Aussprache.
• Fehlermeldungen: Bei Formularfehlern muss klar beschrieben sein, welches Feld betroffen ist und wie der Fehler behoben werden kann. „Bitte überprüfen Sie Ihre Eingaben“ ist zu allgemein.
• Labels: Jedes Formularfeld braucht ein sichtbares oder per ARIA zugängliches Label. Placeholder-Text allein reicht nicht aus.

Robustheit

Inhalte müssen von aktuellen Hilfstechnologien korrekt interpretiert werden können.

• Valides HTML: Fehlerhafte Verschachtelung, doppelte IDs oder fehlende ARIA-Attribute führen dazu, dass Screenreader falsch vorlesen.
• ARIA korrekt einsetzen: ARIA-Attribute helfen, wenn HTML allein nicht ausreicht – aber falsch eingesetztes ARIA ist schlimmer als kein ARIA. Semantisch korrektes HTML hat immer Vorrang vor ARIA-Pflastern.

BFSG in der Praxis: Schritt-für-Schritt-Umsetzung

Der häufigste Fehler: Händler warten auf einen Dienstleister, der „das dann macht“. Barrierefreiheit ist kein einmaliges Projekt, sondern ein fortlaufender Prozess – ähnlich wie SEO oder Datenschutz. Die gute Nachricht: Viele Maßnahmen können schrittweise umgesetzt werden, ohne den laufenden Betrieb zu unterbrechen.

Schritt 1: Ist-Analyse mit kostenlosen Tools

Starten Sie mit einer Bestandsaufnahme. Die Browser-Extension WAVE (Web Accessibility Evaluation Tool) zeigt direkt im Browser, wo Probleme liegen – kostenlos und ohne Registrierung. Google Lighthouse, integriert im Chrome DevTools unter dem Tab „Accessibility“, gibt eine Bewertung von 0-100 und listet konkrete Fundstellen mit Codezeilen auf.

Wichtig: Automatisierte Tools finden erfahrungsgemäß nur rund 30 bis 40 Prozent der tatsächlichen Probleme. Manuelle Tests mit einem Screenreader wie NVDA (Windows, kostenlos) oder VoiceOver (macOS und iOS, bereits integriert) sind unersetzlich, wenn man wirklich verstehen möchte, wie blinde Nutzer den Shop erleben.

Schritt 2: Prioritäten nach WCAG-Stufen setzen

Nicht jeder Fehler ist gleich schwerwiegend. Eine sinnvolle Reihenfolge:

• Kritisch (Level A): Fehlende Alt-Texte bei Produktbildern, fehlende Formular-Labels, nicht per Tastatur erreichbare interaktive Elemente
• Wichtig (Level AA): Unzureichende Kontrastverhältnisse, unklare Fehlermeldungen im Checkout, nicht verlängerbare Session-Timeouts
• Freiwillig (Level AAA): Gebärdensprachvideos, vereinfachte Sprache – kein Pflichtbestandteil des BFSG

Schritt 3: Theme und Plugins kritisch prüfen

Bei WooCommerce-Shops liegt ein Großteil der Arbeit im Theme. Günstige Themes sind häufig nicht barrierefrei – prüfen Sie vor dem Kauf, ob der Hersteller WCAG 2.1 AA Konformität aktiv dokumentiert. Dasselbe gilt für Erweiterungen: Ein schlecht programmiertes Popup- oder Checkout-Plugin kann die gesamte Zugänglichkeit kippen. Wer auf WooCommerce setzt, findet in der Übersicht der besten WooCommerce-Plugins 2026 einen Ausgangspunkt für sorgfältig ausgewählte Erweiterungen.

Shopware 6 hat Barrierefreiheit in den neueren Versionen stärker in den Fokus gerückt. Wer das System noch nicht kennt, bekommt im Shopware 6 Tutorial für Einsteiger einen soliden Überblick über die technischen Grundlagen und die Systemarchitektur.

Schritt 4: Erklärung zur Barrierefreiheit veröffentlichen

Das BFSG verlangt, dass Anbieter eine Erklärung zur Barrierefreiheit bereitstellen. Diese muss enthalten:

• Den aktuellen Konformitätsstatus (vollständig, teilweise oder nicht konform)
• Eine Liste der nicht barrierefreien Inhalte mit Begründung und möglichen Alternativen
• Eine Kontaktmöglichkeit für Nutzer, die Barrieren melden möchten
• Einen Hinweis auf das zuständige Durchsetzungsverfahren

Die Erklärung muss über einen dauerhaften Link – etwa im Footer – erreichbar sein. Eine unvollständige oder fehlende Erklärung ist selbst bereits ein Verstoß, unabhängig vom technischen Stand des Shops.

Schritt 5: Kontinuierliches Monitoring einbauen

Barrierefreiheit kann durch Updates verloren gehen. Jedes Theme-Update, jedes neue Plugin, jede neue Produktkategorie kann neue Probleme einführen. Sinnvoll ist es, regelmäßige Lighthouse-Audits in den Entwicklungsprozess zu integrieren – idealerweise automatisiert, sodass kritische Rückschritte sofort auffallen.

Häufige Stolperstellen im Onlineshop

In der Praxis begegnen dieselben Fehler immer wieder – und sie haben oft wenig mit dem Produktangebot selbst zu tun:

• Produktbilder ohne Alt-Text: In Shops mit Tausenden Produkten werden Alt-Texte häufig ausgelassen. Die meisten Shop-Systeme erlauben eine Massenbearbeitung per CSV-Export – das ist effizienter als manuelle Nacharbeit.
• Ausgeblendeter Fokusrahmen: Das CSS-Snippet * { outline: none; } findet sich in erschreckend vielen Themes. Es entfernt den sichtbaren Fokusrahmen für alle Elemente gleichzeitig – ein klarer WCAG-Verstoß, der besonders Tastaturnutzer trifft.
• Modal-Fenster ohne Fokus-Trap: Wer ein Overlay öffnet – etwa eine Bildergalerie oder ein Cookie-Banner – muss sicherstellen, dass die Tastaturnavigation im Modal bleibt und nicht dahinterliegende Inhalte fokussiert.
• Autocomplete im Checkout fehlt: WCAG 1.3.5 verlangt, dass Formularfelder für persönliche Daten (Name, Adresse, E-Mail) das autocomplete-Attribut tragen. Das erleichtert Nutzern mit motorischen Einschränkungen die Eingabe erheblich.
• Filterfunktionen nicht per Tastatur bedienbar: Facettierte Suchen mit JavaScript-Slidern für Preisfilter sind häufig nur mit der Maus bedienbar – ein Problem, das sich oft erst bei manuellem Testen zeigt.

Was passiert bei Verstößen gegen das BFSG?

Die Durchsetzung liegt bei den zuständigen Marktüberwachungsbehörden der Bundesländer. Verbraucher haben außerdem ein Rügerecht: Sie können Verstöße melden und erwarten, dass Anbieter innerhalb angemessener Frist nachbessern.

Bei Verstößen drohen Bußgelder bis zu 100.000 Euro je Einzelverstoß (§ 32 BFSG). Hinzu kommt das Abmahnrisiko durch Wettbewerber und Verbraucherschutzverbände – die Erfahrungen aus der DSGVO-Einführungsphase zeigen, wie schnell solche Wellen entstehen können.

Realistisch betrachtet werden die Behörden in der Anlaufphase eher auf Schulung als auf sofortige Sanktionierung setzen. Wer nachweislich an der Umsetzung arbeitet, eine ehrliche Erklärung zur Barrierefreiheit veröffentlicht hat und Meldungen von Nutzern ernsthaft beantwortet, steht rechtlich deutlich besser da als jemand, der das Thema vollständig ignoriert.

Barrierefreiheit als Wettbewerbsvorteil

Barrierefreiheit ist kein reiner Kostenfaktor – sie zahlt sich aus. Rund 13 Millionen Menschen in Deutschland leben mit einer anerkannten Schwerbehinderung. Hinzu kommen Millionen Menschen in Situationen, in denen alle von Barrierefreiheit profitieren: schlechte Lichtverhältnisse beim Lesen, eine gebrochene Hand, eine laute Umgebung ohne Ton, eine langsame Mobilverbindung.

Aus SEO-Sicht sind viele WCAG-Maßnahmen deckungsgleich mit dem, was Google ohnehin belohnt: semantisch korrektes HTML, beschreibende Alt-Texte, schnelle Ladezeiten, klare Seitenstruktur. Barrierefreie Shops haben tendenziell bessere Core Web Vitals. Der Zusammenhang zwischen technischer Qualität und organischem Ranking ist gut belegt – ein barrierefrei optimierter Shop profitiert also doppelt.

Fazit: Jetzt anfangen, nicht auf 2030 warten

Das BFSG ist kein Papiertiger. Die Übergangsfrist bis 2030 für Bestandsdienste klingt großzügig – aber wer in den nächsten Jahren plant, sein Shop-System zu wechseln oder grundlegend zu überarbeiten, muss die Anforderungen sofort erfüllen. Und wer 2029 erst mit der Umsetzung beginnt, wird feststellen, dass der Aufwand deutlich größer ist als gedacht.

Der pragmatische Weg: Starten Sie mit einer Lighthouse-Analyse, beheben Sie die kritischsten Fehler zuerst, veröffentlichen Sie eine ehrliche Erklärung zur Barrierefreiheit – und arbeiten Sie schrittweise weiter. Kein Shop wird über Nacht vollständig WCAG-konform. Aber nachweisbare Fortschritte und Transparenz schützen rechtlich und stärken das Vertrauen Ihrer Kunden nachhaltig.