BFSG 2025: Was B2B-Händler über barrierefreien E-Commerce wissen müssen

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 ausschliesslich 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überwachungsbehoerden 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äaufer mit Sehbehinderungen, motorischen Einschränkungen oder altersbedingten Beeinträchtigungen sind auch im Geschäftskundenumfeld tätig. Ein barrierefreier Shop erschliesst 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 Barrierefreiheitsmassnahmen (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.

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 visüllen 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 visülle 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=trü gekennzeichnet sein, und Validierungsfehler müssen über aria-describedby mit den entsprechenden Fehlermeldungen verknüpft werden.

WCAG 2.2 Stufe AA verlangt ein Kontrastverhäeltnis 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 ausschliesslich ü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.

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 Massnahmen 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äftsmoeglichkeiten 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.