BFSG 2025: Barrierefreier E-Commerce für B2B-Händler

Das BFSG definiert Barrierefreiheitsanforderungen für Produkte und Dienstleistungen, die nach dem 28. Juni 2025 in den Verkehr gebracht oder erbracht werden. Für den E-Commerce sind insbesondere Dienstleistungen im elektronischen Geschäftsverkehr relevant: Webshops, die Waren oder Dienstleistungen an Verbraucher verkaufen, müssen die Anforderungen der harmonisierten Norm EN 301 549 erfüllen. Diese Norm verweist für Webinhalte auf die Web Content Accessibility Guidelines (WCAG) 2.1 Stufe AA als Mindeststandard.

Die rechtliche Situation für reine B2B-Shops ist differenziert zu betrachten. Das BFSG bezieht sich primär auf Verbrauchergeschäfte. Ein B2B-Shop, der ausschließlich an gewerbliche Kunden verkauft und keinen Verbraucherzugang bietet, fällt formal nicht unter das Gesetz. In der Praxis ist diese Abgrenzung jedoch problematisch: Viele B2B-Shops sind auch für nicht-registrierte Besucher zugänglich, manche bieten Mischmodelle mit B2C-Anteilen, und die Marktüberwachungsbehörden haben bislang keine klare Grenzziehung kommuniziert. Aus Risikomanagement-Perspektive ist die Umsetzung von Barrierefreiheit daher auch für B2B-Händler dringend empfohlen.

Unabhängig von der rechtlichen Pflicht gibt es gewichtige geschäftliche Gründe für Barrierefreiheit im B2B-Bereich. Einkäufer mit Sehbehinderungen, motorischen Einschränkungen oder altersbedingten Beeinträchtigungen sind auch im Geschäftskundenumfeld tätig. Ein barrierefreier Shop erschließt diese Nutzergruppe und verbessert gleichzeitig die allgemeine Usability für alle Anwender. Laut einer Studie des Handelsverbands Deutschland profitieren 15 Prozent aller Online-Nutzer direkt von Barrierefreiheitsmaßnahmen (HDE, 2024).

Die Web Content Accessibility Guidelines in der aktuellen Version 2.2 bilden den internationalen Standard für barrierefreie Webinhalte. Obwohl das BFSG formal auf WCAG 2.1 verweist, empfiehlt sich die Orientierung an der neueren Version 2.2, die zusätzliche Erfolgskriterien für mobile Bedienung und kognitive Zugänglichkeit enthält. Die WCAG basieren auf vier Grundprinzipien, die jedes Element eines Webshops erfüllen muss.

WCAG 2.2 führt gegenüber der Vorgängerversion mehrere neue Erfolgskriterien ein, die für E-Commerce-Shops von direkter Bedeutung sind. Das Kriterium 2.4.11 (Focus Not Obscured) verlangt, dass fokussierte Elemente nicht vollständig von anderen Inhalten verdeckt werden – ein häufiges Problem in Shops mit Sticky-Headern, Cookie-Bannern oder Overlay-Dialogen, die Formularfelder oder Buttons überlagern können.

Das Kriterium 2.5.7 (Dragging Movements) schreibt vor, dass Funktionen, die Ziehbewegungen erfordern, auch über einfache Klicks zugänglich sein müssen. Im B2B-Kontext betrifft das insbesondere Schieberegler für Mengenauswahl, Drag-and-Drop-Sortierungen in Bestelllisten und Karussell-Elemente in der Produktpräsentation. Für jede Ziehbewegung muss eine alternative Bedienungsmethode bereitstehen.

Besonders relevant für B2B-Shops mit Registrierungs- und Bestellprozessen ist das Kriterium 3.3.7 (Redundant Entry). Es fordert, dass Informationen, die ein Nutzer bereits eingegeben hat, nicht erneut abgefragt werden – oder dass zuvor eingegebene Daten als Vorauswahl angeboten werden. Im Checkout bedeutet das: Wenn die Rechnungsadresse bereits erfasst wurde, muss die Lieferadresse als Kopie vorausgewählt sein und nur bei Abweichung geändert werden.

Eine Analyse von WebAIM zeigt, dass 96,3 Prozent aller untersuchten Startseiten mindestens einen WCAG-Fehler aufweisen (WebAIM, 2025). In B2B-Shops treten bestimmte Mängel besonders häufig auf, da die Komplexität der Oberfläche -- mit umfangreichen Produktfiltern, verschachtelten Formularen und dynamisch nachgeladenen Inhalten -- zusätzliche Barrierefreiheits-Herausforderungen erzeugt.

Die fünf häufigsten Probleme in B2B-Shops sind: fehlende oder nichtssagende Alternativtexte bei Produktbildern, unzureichende Farbkontraste in der Navigation und bei Aktionsbuttons, nicht tastaturzugängliche Dropdown-Menüs und Filterleisten, fehlende Formular-Labels in Checkout- und Registrierungsprozessen sowie mangelnde ARIA-Auszeichnung bei dynamisch nachgeladenen Inhalten wie Warenkorbaktualisierungen oder Suchergebnissen.

Besonders kritisch sind im B2B-Kontext die komplexen Bestellprozesse. Schnellbestellmasken mit CSV-Upload, mehrstufige Freigabeworkflows und Bestelllisten mit Hunderten von Positionen müssen nicht nur funktional, sondern auch für Nutzer mit assistiven Technologien zugänglich sein. Ein Screenreader-Nutzer muss verstehen können, in welchem Schritt des Bestellprozesses er sich befindet, welche Felder Pflichtfelder sind und welche Aktionen durch Buttons ausgelöst werden.

Tastaturnavigation ist das wichtigste einzelne Kriterium für Barrierefreiheit und gleichzeitig einer der am häufigsten verletzten Standards. Jedes interaktive Element im Shop -- Links, Buttons, Formularfelder, Dropdown-Menüs, Tabs, Modale Dialoge -- muss über die Tabulatortaste erreichbar sein. Die Reihenfolge der Fokussierung (Tab-Order) muss logisch sein und dem visuellen Layout entsprechen.

Für B2B-Shops mit komplexen Produktfiltern ist die Umsetzung besonders anspruchsvoll. Filter mit Checkboxen, Schiebereglern und verschachtelten Kategorien müssen per Tastatur bedienbar sein, ohne dass der Nutzer Dutzende von Tab-Schritten durchlaufen muss, um zum gewünschten Filter zu gelangen. Hier helfen Skip-Links, die direkt zum Hauptinhalt oder zur Filterleiste springen, und ARIA-Landmarks, die Seitenbereiche semantisch kennzeichnen.

Der Fokusindikator -- die visuelle Hervorhebung des aktuell fokussierten Elements -- muss deutlich sichtbar sein. WCAG 2.2 verschärft die Anforderungen an den Fokusindikator mit dem neuen Erfolgskriterium 2.4.13: Der Fokusindikator muss eine Mindestgrösse und einen Mindestkontrast aufweisen, damit er auch für Nutzer mit eingeschränktem Sehvermögen erkennbar ist. Ein dezenter Outline reicht oft nicht aus; ein deutlich sichtbarer Fokusring mit mindestens 2 Pixel Breite und einem Kontrast von 3:1 zum Hintergrund ist die empfohlene Lösung.

Accessible Rich Internet Applications (ARIA) ergänzen HTML um zusätzliche Informationen für assistive Technologien. Im Kontext eines B2B-Shops sind ARIA-Attribute besonders wichtig für dynamische Inhalte, die sich ohne Seitenneuladen ändern: Warenkorbaktualisierungen, Suchergebnisse, Filteränderungen und Statusmeldungen. Ohne ARIA-Live-Regionen bemerkt ein Screenreader-Nutzer diese Änderungen nicht.

Die goldene Regel bei ARIA lautet: Kein ARIA ist besser als schlechtes ARIA. Semantisches HTML -- button statt div mit onclick, nav statt div mit role=navigation, input mit label statt Placeholder-Text -- löst die Mehrheit der Barrierefreiheitsprobleme ohne zusätzliche ARIA-Attribute. ARIA kommt zum Einsatz, wenn native HTML-Elemente nicht ausreichen, etwa für Tabs, Akkordeons, Baumansichten und komplexe Widgets.

Für den Checkout-Prozess eines B2B-Shops empfiehlt sich eine ARIA-Stepper-Implementierung, die dem Screenreader-Nutzer den aktuellen Schritt, die Gesamtanzahl der Schritte und den Abschlussstatus jedes Schritts mitteilt. Pflichtfelder müssen mit aria-required=true gekennzeichnet sein, und Validierungsfehler müssen über aria-describedby mit den entsprechenden Fehlermeldungen verknüpft werden.

Eine zuverlässige Barrierefreiheitsprüfung kombiniert automatisierte Prüfwerkzeuge mit manuellen Tests. Automatisierte Accessibility-Tests und Browser-Entwicklertools erkennen etwa 30 bis 40 Prozent (Projekterfahrung) aller WCAG-Verstösse (W3C/WAI): fehlende Alt-Texte, Kontrastprobleme, fehlende Formular-Labels und ungültige ARIA-Attribute. Diese Tests sollten in die [CI/CD-Pipeline1 integriert werden, um Regressionen bei jedem Deployment automatisch zu erkennen.

Die verbleibenden 60 bis 70 Prozent (Projekterfahrung) der Probleme erfordern manuelle Prüfung. Dazu gehören: Tastaturnavigation durch den gesamten Bestellprozess, Tests mit den unter Windows, macOS und iOS verfügbaren Screenreadern, Prüfung der logischen Lesereihenfolge, Bewertung der Verständlichkeit von Fehlermeldungen und Kontextprüfung von ARIA-Attributen. Ergänzend empfiehlt sich ein Nutzertest mit Menschen mit Behinderungen, der Usability-Probleme aufdeckt, die auch erfahrene Prüfer übersehen können.

WCAG 2.2 Stufe AA verlangt ein Kontrastverhältnis von mindestens 4.5:1 für normalen Text und 3:1 für grossen Text (ab 18pt oder 14pt fett). Für nicht-textliche Elemente wie Icons, Formularränder und Fokusindikatoren gilt ein Minimalkontrast von 3:1. Viele B2B-Shops verwenden Corporate-Farben, die diese Anforderungen nicht erfüllen -- etwa hellgrauen Text auf weissem Hintergrund oder farbige Buttons mit weisser Schrift auf zu hellem Grund.

Die Anpassung der Farbpalette an die WCAG-Anforderungen erfordert oft einen Balanceakt zwischen Corporate Design und Zugänglichkeit. In der Praxis lassen sich die meisten Farbkonflikte lösen, indem Textfarben ein bis zwei Stufen dunkler gewählt werden und Hintergrundfarben leicht aufgehellt werden. Für den B2B-Bereich ist zudem eine Rot-Grün-Unterscheidung relevant: Statusanzeigen und Lagerampeln sollten nicht ausschließlich über Farbe codiert werden, sondern zusätzlich über Icons oder Textlabels.

Shopware bringt in der aktuellen Version bereits einige Barrierefreiheitsfunktionen mit, insbesondere semantisches HTML im Standard-Theme, Tastaturnavigation für die Hauptnavigation und Sprachauszeichnung. Dennoch bestehen in der Praxis Lücken, die durch Theme-Anpassungen oder Plugins geschlossen werden müssen. Der Checkout-Prozess, die Produktfilter und benutzerdefinierte Erlebniswelten (Shopping Experiences) erfordern in der Regel manuelle Nachbesserung.

Ein systematischer Ansatz für die BFSG-Umsetzung in Shopware umfasst vier Phasen: Erstens ein WCAG-Audit, das den Ist-Zustand dokumentiert und Mängel priorisiert. Zweitens die Anpassung des Themes -- Farbkontraste, Fokusindikatoren, Schriftgrössen. Drittens die Überarbeitung von Templates -- semantisches HTML, ARIA-Attribute, Formularbeschriftungen. Und viertens die Implementierung von automatisierten Accessibility-Tests in die Deployment-Pipeline, um Regressionen bei künftigen Updates zu verhindern.

Verstösse gegen das BFSG können mit Bussgeldern von bis zu 100.000 Euro geahndet werden. Die Marktüberwachung obliegt den Landesbehörden, die sowohl anlassunabhängige Kontrollen als auch anlassbezogene Prüfungen nach Beschwerden durchführen können. Neben dem Bussgeldrisiko besteht auch die Möglichkeit von Abmahnungen durch Wettbewerber oder Verbraucherschutzverbände, die Verstösse gegen das BFSG als Wettbewerbsverstösse nach dem UWG geltend machen können.

Unternehmen müssen zudem eine Erklärung zur Barrierefreiheit auf ihrer Website bereitstellen, die den Konformitätsstatus beschreibt, bekannte Einschränkungen benennt und einen Feedback-Mechanismus bietet. Diese Erklärung muss von jeder Seite des Shops aus erreichbar sein und regelmäßig aktualisiert werden. Das Fehlen der Erklärung ist ein eigenständiger Verstoss gegen das BFSG.

Die Durchsetzungspraxis entwickelt sich derzeit dynamisch. Die Marktüberwachungsbehörden der Bundesländer haben mit der systematischen Prüfung von E-Commerce-Angeboten begonnen. Erste Stichprobenkontrollen konzentrieren sich auf Unternehmen mit hohem Umsatzvolumen und öffentlich zugänglichen Shops. Verbände wie die Bundesfachstelle Barrierefreiheit bieten zwar Beratung an, agieren bei Verstössen jedoch auch als Beschwerdeführer. Für B2B-Händler, die den rechtlichen Graubereich nutzen, entsteht damit ein zunehmendes Risiko, da die Behörden ihre Auslegung des Anwendungsbereichs schrittweise konkretisieren.

Bei der BFSG-Umsetzung empfiehlt sich eine risikobasierte Priorisierung. Nicht alle WCAG-Kriterien haben die gleiche Dringlichkeit. Kritische Mängel, die den Zugang zur Kernfunktionalität blockieren, sollten sofort behoben werden: fehlende Tastaturnavigation im Checkout, nicht zugängliche Pflichtformulare und fehlende Sprachauszeichnung. In einer zweiten Phase folgen Mängel, die die Nutzung einschränken, aber nicht vollständig verhindern: unzureichende Kontraste, fehlende Alt-Texte und mangelnde Fokusindikatoren. Kosmetische Verbesserungen und erweiterte ARIA-Optimierungen bilden die dritte Phase.

Unabhängig von den gesetzlichen Vorgaben ist Barrierefreiheit ein Qualitätsmerkmal, das die Usability für alle Nutzer verbessert. Semantisches HTML und durchdachte Tastaturnavigation kommen jedem Nutzer zugute, nicht nur Menschen mit Behinderungen. Im B2B-Kontext, wo Effizienz und Schnelligkeit bei der Bestellung entscheidend sind, führt eine barrierefreie Gestaltung zu messbar höherer Nutzerzufriedenheit und schnellerer Aufgabenerfüllung.

Die Investition in Barrierefreiheit zahlt sich langfristig aus: Der initiale Aufwand für ein WCAG-Audit und die Umsetzung der priorisierten Maßnahmen liegt für einen typischen B2B-Shop bei 5.000 bis 20.000 Euro, je nach Komplexität und Ausgangszustand. Im Vergleich zu den potenziellen Bussgeldern, dem Reputationsrisiko und den entgangenen Geschäftsmöglichkeiten ist dies eine überschaubare Investition mit nachhaltigem Mehrwert.

Die zunehmende Bedeutung von ESG-Kriterien in der Lieferantenauswahl verstärkt diesen Trend: Grosse Beschaffungsorganisationen prüfen bereits heute, ob ihre Lieferanten barrierefreie digitale Angebote bereitstellen. Ein B2B-Shop, der WCAG-2.2-konform ist, positioniert sich damit als verantwortungsvoller und zukunftsorientierter Geschäftspartner.

Auch aus SEO-Perspektive bringt Barrierefreiheit messbare Vorteile. Suchmaschinen bewerten semantisch korrektes HTML, aussagekräftige Alt-Texte und eine klare Seitenstruktur positiv. Google berücksichtigt die Core Web Vitals, die sich mit barrierefreiem, performantem Code direkt verbessern lassen. Barrierefreie Shops laden typischerweise schneller, haben eine bessere interne Verlinkung durch Skip-Links und ARIA-Landmarks und bieten Suchmaschinen-Crawlern eine klarere Inhaltsstruktur. Diese Synergien zwischen Barrierefreiheit und [Suchmaschinenoptimierung1 machen die Investition doppelt wertvoll.