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.

Altri articoli interessanti

Conoscenza pratica su sviluppo frontend, agenti intelligenti e headless

App Shopify
Shopify
Shopify è una piattaforma di commerce per vendere online e nei negozi fisici.
App shopware
Shopware
Shopware è una piattaforma e-commerce europea e flessibile per cataloghi prodotto e commerce omnicanale.
App adobe commerce
Adobe Commerce
Adobe Commerce è una piattaforma di enterprise commerce per scenari B2C e B2B complessi e globali.
Planned
App B2B sellers suite
B2Bsellers
Suite B2B per Shopware che trasforma lo shop online in una piattaforma professionale di commerce B2B.
Planned
App commerce layer
Commerce Layer
Commerce Layer è una piattaforma di headless commerce per rendere disponibili online inventari e cataloghi.
App commercetools
Commercetools
Commercetools è una piattaforma e-commerce headless basata su SaaS e utilizzata in tutto il mondo.
App emporix
Emporix
Emporix è una piattaforma di commerce composable e API-first per scenari B2B e B2C scalabili.
Planned
App HCL Software
HCL Software
Suite enterprise per commerce ed esperienze digitali, altamente configurabile.
Planned
App intershop
Intershop
Piattaforma di enterprise commerce per modelli di business B2B e B2C complessi.
Planned
App magento 2
Magento 2
Piattaforma di commerce estendibile e molto diffusa per scenari B2C e B2B.
App Oxid
OXID eShop
OXID eShop è una piattaforma di commerce estendibile per requisiti B2B e B2C complessi.
Planned
App cover patchworks
Patchworks
Patchworks è un iPaaS low-code che collega e-commerce, ERP, WMS, 3PL e marketplace.
Planned
App PRESTASHOP
Prestashop
Piattaforma di commerce open source per merchant piccoli e medi in Europa e oltre.
Planned
App saleor
Saleor
Piattaforma di commerce open source e API-first basata su GraphQL per storefront personalizzati.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud è una piattaforma di enterprise commerce basata su cloud per aziende di ogni dimensione.
Planned
App SAP
SAP Commerce Cloud
Piattaforma di enterprise commerce per cataloghi complessi, modelli di prezzo e journey omnicanale.
Planned
App SCAYLE
Scayle
SCAYLE è un commerce engine con cui brand e retailer fanno scalare il proprio business.
Planned
App spryker
Spryker
Piattaforma di commerce composable per modelli di business B2B e B2C esigenti.
App Sylius
Sylius
Sylius è un framework e-commerce developer-friendly per esperienze di shopping B2C e B2B.
Planned
App vendure
Vendure
Vendure è una piattaforma di headless commerce per aziende con requisiti complessi.
Coming Soon
App VTEX
VTEX
Piattaforma di commerce cloud-native e composable per B2B e B2C su larga scala.
Planned
App Websale
Websale
Backend di commerce stabile e adatto all'enterprise per ambienti retail complessi.
Book a demo mobile
Colloquio strategico

Pronti a trasformare il vostro frontend in un livello di controllo?

Mostrateci il vostro stack, la vostra roadmap, il vostro scenario di replatforming: vi mostriamo come si integra Laioutr, quanto costa e quanto velocemente andrete live.

"Dopo 30 minuti abbiamo capito che Laioutr rende fattibile il nostro replatforming." - Daniel B., CEO, hygibox.de

SEO / GEO / AEO Ready
Performance e Core Web Vitals
WCAG 3.0 Ready
Tracciamento & Analytics
Coerenza del brand