Hero sap bfsg wcag en

BFSG & WCAG 3.0 for SAP Commerce Cloud Storefronts

Since 2025 the German Accessibility Strengthening Act (BFSG) is binding for most online shops. For SAP Commerce Cloud operators that raises a direct question: where does accessibility actually get solved, and who owns the work?

Accessibility is a frontend problem

Compliance is judged on what users experience: keyboard navigation, focus order, semantic structure, color contrast, screen-reader labels and accessible forms. All of that lives in the rendered frontend, not in the SAP backend. The backend serves correct data through the OCC API; whether the result is accessible depends entirely on the frontend layer.

What BFSG and WCAG 3.0 require in practice

  • Perceivable content: sufficient contrast, text alternatives, scalable text
  • Operable interfaces: full keyboard operation, visible focus, no keyboard traps
  • Understandable flows: consistent navigation, clear form labels and error messages
  • Robust markup: valid semantics and ARIA where needed, tested with assistive technology
  • The standard also tracks EN 301 549, the European baseline referenced by the regulation

The cost of retrofitting

On a custom Angular build or a heavily customized Composable Storefront, accessibility is your responsibility. That usually means a separate audit, a remediation backlog and recurring regression risk every time a component changes. Accessibility added late is expensive and fragile.

Laioutr delivers the baseline by default

With Laioutr, WCAG 3.0, BFSG and EN 301 549 are part of the platform baseline. The component library ships with accessible semantics, focus handling, contrast-compliant defaults and screen-reader support, so the storefront starts compliant rather than being audited into compliance later. Because the components are maintained centrally, accessibility does not regress every time marketing composes a new page.

What still needs attention

Platform-level accessibility covers the components and structure. Content teams still own accessible content: meaningful alt text, sensible heading order and clear link text. Laioutr makes the compliant path the default; teams stay responsible for the words and images they add.

FAQ

Does SAP Commerce Cloud make my storefront BFSG-compliant?

The backend serves data; accessibility is decided in the frontend. Compliance depends on the frontend layer rendering that data accessibly.

Do we still need an audit with Laioutr?

The platform baseline covers component and structural conformance. A content review and a confirmatory audit are still good practice, but you are not building compliance from zero. Talk to our team.

Does compliance slow down marketing?

No. The accessible path is the default in the page builder, so teams compose compliant pages without extra steps.

Related: Headless frontend for SAP Commerce Cloud.

More on Laioutr: B2C Growth Kit.

Related reading: BFSG & WCAG 3.0 for Vendure Storefronts and BFSG & WCAG 3.0 for SCAYLE Storefronts.

More interesting articles

Practical know-how for frontend development, smart agents, and headless

App Shopify
Shopify
Shopify is a commerce platform for selling online and in physical retail.
App shopware
Shopware
Shopware is a flexible ecommerce platform from Europe for product catalogs and omnichannel commerce.
App adobe commerce
Adobe Commerce
Adobe Commerce is an enterprise commerce platform for complex, global B2C and B2B scenarios.
Planned
App B2B sellers suite
B2Bsellers
B2B suite for Shopware that turns an online store into a professional B2B commerce platform.
Planned
App commerce layer
Commerce Layer
Commerce Layer is a headless commerce platform for making inventory and catalogs available online.
App commercetools
Commercetools
Commercetools is a SaaS-based headless ecommerce platform used worldwide.
App emporix
Emporix
Emporix is a composable, API-first commerce platform for scalable B2B and B2C scenarios.
Planned
App HCL Software
HCL Software
Enterprise suite for digital commerce and experience with extensive configurability.
Planned
App intershop
Intershop
Enterprise commerce platform for complex B2B and B2C business models.
Planned
App magento 2
Magento 2
Widely used, extensible commerce platform for B2C and B2B scenarios.
App Oxid
OXID eShop
OXID eShop is an extensible commerce platform for complex B2B and B2C requirements.
Planned
App cover patchworks
Patchworks
Patchworks is a low-code iPaaS that connects ecommerce, ERP, WMS, 3PL, and marketplaces.
Planned
App PRESTASHOP
Prestashop
Open-source commerce platform for small and midsize merchants in Europe and beyond.
Planned
App saleor
Saleor
Open-source, API-first commerce platform built on GraphQL for custom storefronts.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud is a cloud-based enterprise commerce platform for businesses of any size.
Planned
App SAP
SAP Commerce Cloud
Enterprise commerce platform for complex catalogs, pricing models, and omnichannel journeys.
Planned
App SCAYLE
Scayle
SCAYLE is a commerce engine that helps brands and retailers scale their business.
Planned
App spryker
Spryker
Composable commerce platform for sophisticated B2B and B2C business models.
App Sylius
Sylius
Sylius is a developer-friendly ecommerce framework for B2C and B2B shopping experiences.
Planned
App vendure
Vendure
Vendure is a headless commerce platform for businesses with complex requirements.
Coming Soon
App VTEX
VTEX
Cloud-native, composable commerce platform for B2B and B2C at scale.
Planned
App Websale
Websale
Stable, enterprise-ready commerce backend for complex retail environments.
Book a demo mobile
Strategy call

Ready to turn your frontend into a control layer?

Show us your stack, your roadmap, your replatforming scenario, and we'll show you how Laioutr fits, what it costs, and how fast you go live.

"After 30 minutes, we knew Laioutr makes our replatforming feasible." - Daniel B., CEO, hygibox.de