Seit 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) für die meisten Onlineshops verbindlich. Für Teams, die auf Vendure bauen, einem Code-First-Framework, bei dem das Frontend euch gehört, stellt sich damit eine direkte Frage: Wo wird Barrierefreiheit eigentlich gelöst, und wer trägt die Arbeit?

Barrierefreiheit ist ein Frontend-Problem

Compliance bemisst sich an dem, was Nutzerinnen und Nutzer erleben: Tastaturnavigation, Fokus-Reihenfolge, semantische Struktur, Farbkontraste, Screenreader-Beschriftungen und barrierefreie Formulare. All das liegt im gerenderten Frontend. Die Vendure Shop-API liefert korrekte Daten, ob das Ergebnis barrierefrei ist, hängt vollständig vom Frontend-Layer ab.

Was BFSG und WCAG 3.0 in der Praxis verlangen

• Wahrnehmbare Inhalte: ausreichender Kontrast, Textalternativen, skalierbarer Text
• Bedienbare Oberflächen: volle Tastaturbedienung, sichtbarer Fokus, keine Tastaturfallen
• Verständliche Abläufe: konsistente Navigation, klare Formular-Labels und Fehlermeldungen
• Robustes Markup: valide Semantik und ARIA wo nötig, getestet mit assistiver Technologie
• Der Standard orientiert sich zudem an EN 301 549, der europäischen Grundlage, auf die das Gesetz verweist

Die Kosten der Nachrüstung

Auf Vendures Next.js-Storefront oder einem vollständig eigenen Frontend liegt Barrierefreiheit in eurer Verantwortung, genauso wie der Rest des Frontends. Das bedeutet meist ein separates Audit, einen Remediation-Backlog und ein wiederkehrendes Regressionsrisiko bei jeder Komponenten-Änderung. Spät hinzugefügte Barrierefreiheit ist teuer und fragil.

Laioutr liefert den Standard ab Werk

Mit Laioutr gehören WCAG 3.0, BFSG und EN 301 549 zum Plattform-Standard. Die Komponentenbibliothek bringt barrierefreie Semantik, Fokus-Handling, kontrast-konforme Defaults und Screenreader-Unterstützung mit, die Storefront startet also konform, statt nachträglich konform-auditiert zu werden. Weil die Komponenten zentral gepflegt werden, regressiert Barrierefreiheit nicht jedes Mal, wenn Marketing eine neue Seite komponiert.

Was trotzdem Aufmerksamkeit braucht

Barrierefreiheit auf Plattform-Ebene deckt Komponenten und Struktur ab. Content-Teams verantworten weiterhin barrierefreien Inhalt: sinnvolle Alternativtexte, eine schlüssige Überschriften-Reihenfolge und klare Linktexte. Laioutr macht den konformen Weg zum Standard, für Worte und Bilder bleiben die Teams verantwortlich.

Häufige Fragen

Macht Vendure meine Storefront BFSG-konform?

Vendure liefert Daten über die Shop-API, Barrierefreiheit entscheidet sich im Frontend. Compliance hängt davon ab, dass der Frontend-Layer diese Daten barrierefrei rendert.

Brauchen wir mit Laioutr noch ein Audit?

Der Plattform-Standard deckt Komponenten- und Struktur-Konformität ab. Eine Content-Prüfung und ein bestätigendes Audit bleiben gute Praxis, aber ihr baut Compliance nicht bei null auf. Sprich mit unserem Team.

Bremst Compliance das Marketing?

Nein. Der barrierefreie Weg ist der Standard im Page Builder, Teams komponieren konforme Seiten ohne Extra-Schritte.

Mehr bei Laioutr: B2C Growth Kit.

Mehr dazu: BFSG & WCAG 3.0 für SCAYLE-Storefronts lösen und BFSG & WCAG 3.0 für SAP-Commerce-Cloud-Storefronts lösen.