Barrierefreier E-Commerce: BFSG-Konformität für Online-Händler

Das Barrierefreiheitsstärkungsgesetz setzt die EU-Richtlinie 2019/882 (European Accessibility Act) in deutsches Recht um und gilt für Anbieter von Produkten und Dienstleistungen, die Verbrauchern angeboten werden. Im Handel ist das nahezu jeder Online-Shop, der an Endkunden verkauft. Ausnahmen gelten nur für Kleinstunternehmen mit weniger als zehn Mitarbeitern und einem Jahresumsatz unter zwei Millionen Euro. Für alle anderen gilt: Ab dem 28. Juni 2025 müssen die digitalen Dienstleistungen – also der Shop selbst, der Checkout-Prozess, die Auftragsbestätigung per E-Mail und Apps – den Anforderungen entsprechen. Verstöße können von Marktüberwachungsbehörden geahndet werden. Verbraucherzentralen und Behindertenverbände haben zudem das Recht, Abmahnungen auszusprechen.

Laut einer Studie des Statistischen Bundesamts lebten Ende 2023 rund 7,8 Millionen (Statistisches Bundesamt, 2024) schwerbehinderte Menschen in Deutschland. Hinzu kommen ältere Nutzer, Menschen mit temporären Einschränkungen und Personen, die assistive Technologien wegen situativer Einschränkungen nutzen. Diese Gruppe ist für den Handel kaufkräftig und wächst: Demografie und Digitalisierung verstärken den Bedarf an barrierefreien Einkaufserlebnissen. Ein barrierefreier Online-Shop ist deshalb nicht nur eine rechtliche Pflicht, sondern erschließt eine Zielgruppe, die durch nicht-zugängliche Shops bislang ausgeschlossen war.

Die WCAG 2.2 sind in vier Prinzipien gegliedert: wahrnehmbar, bedienbar, verständlich und robust. Im E-Commerce hat jedes Prinzip konkrete Ausprägungen. Das Prinzip der Wahrnehmbarkeit betrifft vor allem Produktbilder (Erfolgskriterium 1.1.1 Textalternativen), Video-Inhalte wie Produktvideos (1.2.x Zeitbasierte Medien) und Kontrastverhältnisse in Preisanzeigen und Schaltflächen (1.4.3 Kontrast). Das Prinzip der Bedienbarkeit trifft den Kern des Kaufpfads: Alle interaktiven Elemente müssen per Tastatur erreichbar sein (2.1.1), der Fokusindikator muss jederzeit sichtbar sein (2.4.11 Focus Appearance, neu in WCAG 2.2), und bei zeitgebundenen Sessions (automatischer Logout im Checkout) müssen Nutzer gewarnt und die Zeit verlängerbar sein (2.2.1).

Das Prinzip der Verständlichkeit ist im Checkout besonders kritisch: Eingabefelder müssen den erwarteten Eingabetyp kommunizieren (3.3.2 Beschriftungen oder Anweisungen), Fehler müssen im Klartext beschrieben werden (3.3.3 Fehlerbeschreibung), und bei rechtsverbindlichen Transaktionen wie Bestellungen muss eine Überprüfung und Korrektur vor Abschluss möglich sein (3.3.4 Fehlervermeidung). Das neue Erfolgskriterium 3.3.7 (Redundante Eingabe), ebenfalls neu in WCAG 2.2, schützt Nutzer davor, dieselben Daten mehrfach eingeben zu müssen – relevant für Rechnungs- und Lieferadresse im Checkout. Das Robustheitsprinzip schließlich fordert, dass alle Inhalte von aktuellen Screenreadern korrekt interpretiert werden können (4.1.2 Name, Rolle, Wert für alle UI-Komponenten).

Die Wahl der Shop-Plattform hat direkten Einfluss auf den Aufwand für Barrierefreiheit. Systeme wie Shopware Community Edition, TYPO3 mit Shop-Extension oder WordPress bieten unterschiedliche Ausgangspunkte. Shopware CE bringt seit Version 6.5 einen verbesserten Accessibility-Modus mit, der grundlegende ARIA-Attribute für Formulare und Navigation setzt – dieser muss jedoch konsequent durch Templates und Custom Components ergänzt werden. TYPO3 bietet durch sein semantisches Fluid-Template-System gute Voraussetzungen für zugängliche Produktseiten, während individuelle JavaScript-Erweiterungen häufig die Schwachstellen einführen.

Unabhängig von der Plattform gilt: Die Barrierefreiheit eines Shops ist nur so gut wie das schwächste Glied. Eine barrierefreie Produktlisting-Seite hilft wenig, wenn das Checkout-Formular fehlende Labels und stumme Fehlermeldungen hat. Deshalb auditieren wir den gesamten Kaufpfad als Nutzungsszenario: Von der Produktsuche über die Produktdetailseite, Variantenauswahl, Warenkorb, Checkout-Schritte bis zur Bestellbestätigung. Wir testen mit NVDA und VoiceOver, mit ausschließlicher Tastaturnavigation und mit Browserzoom auf 400 Prozent, um alle relevanten WCAG-Kriterien abzudecken.

Barrierefreie Online-Shops erreichen mehr Käufer. Menschen mit motorischen Einschränkungen, die auf Tastaturnavigation angewiesen sind, ältere Nutzer mit eingeschränkter Sehleistung und Screenreader-Nutzer schließen Bestellungen nur dann ab, wenn der Kaufpfad keine technischen Sackgassen enthält. Studien zeigen, dass 71 Prozent (Click-Away Pound, 2019) der Nutzer mit Behinderungen eine Website verlassen, wenn sie eine Barriere treffen. Für den E-Commerce bedeutet das direkt messbare Umsatzeinbußen: abgebrochene Warenkörbe, die nicht an technischer Kaufunlust, sondern an technischer Nichtbedienbarkeit liegen.

Darüber hinaus verbessert Barrierefreiheit die allgemeine Usability für alle Nutzer. Ein Checkout mit klaren Fehlermeldungen und verständlichen Labels reduziert die Abbruchrate auch bei Nutzern ohne Behinderungen. Eine logische Seitenstruktur mit semantischen Überschriften hilft Suchmaschinen beim Crawlen und indexieren – WCAG-Konformität und SEO-Performance bedingen sich gegenseitig. Die Investition in Barrierefreiheit zahlt sich also mehrfach aus: rechtliche Sicherheit, breitere Zielgruppe und messbare Conversion-Verbesserungen.

Das BFSG gilt nicht nur für reine Online-Shops. Auch Self-Service-Terminals im Einzelhandel, Bestellkioske, digitale Anzeigesysteme und Apps für Click-and-Collect müssen die Anforderungen erfüllen. Im Omnichannel-Handel entstehen deshalb komplexe Prüfszenarien: Die Web-App muss für Screenreader bedienbar sein, der stationäre Bestellterminal muss per Tastaturadapter oder assistivem Gerät nutzbar sein, und die App muss die iOS- und Android-Accessibility-APIs korrekt nutzen.

Für den stationären Handel bedeutet das konkret: Touchscreen-Kioske müssen mit eingebautem Screenreader (iOS VoiceOver, Android TalkBack) oder per angeschlossenem Keyboard bedienbar sein. Preis- und Produktanzeigen auf digitalen Displaysystemen müssen ausreichenden Kontrast bieten. Loyalty-Apps und Gutschein-Systeme, die an den Kaufprozess gekoppelt sind, fallen ebenfalls unter die BFSG-Pflicht. Wir begleiten Händler bei der Analyse ihres gesamten digitalen Ökosystems und priorisieren die Maßnahmen nach rechtlichem Risiko und Nutzungsfrequenz. Dabei arbeiten wir eng mit den Leistungen der barrierefreien Webentwicklung zusammen.

Betreiber von Marktplätzen, auf denen Drittanbieter ihre Produkte listen, tragen eine besondere Verantwortung: Sie müssen nicht nur die Plattform selbst barrierefrei gestalten, sondern auch sicherstellen, dass die von Händlern hochgeladenen Inhalte die Barrierefreiheitsanforderungen erfüllen. Produktbilder ohne Alternativtexte, Händler-Uploads ohne Textbeschreibungen und individuelle Händler-Landingpages innerhalb der Plattform können die BFSG-Konformität gefährden, selbst wenn die Plattformstruktur selbst zugänglich ist.

Wir unterstützen Marktplatzbetreiber bei der Erstellung von Redaktions-Leitfäden, die Händler zur barrierefreien Inhaltseingabe verpflichten, bei der Integration von automatisierten Validierungen in den Upload-Prozess (zum Beispiel Pflichtfeld für Alternativtext bei Produktbildern) und bei der Schulung interner Redaktionsteams. Zusätzlich prüfen wir die API-Schnittstellen des Marktplatzes: Auch die programmatischen Zugänge für Händler müssen dem EAA entsprechen, wenn sie als Dienstleistung für Verbraucher eingesetzt werden. Konkrete Referenzprojekte stellen wir Ihnen auf Anfrage im persönlichen Gespräch vor.