Hero bfsg en

commercetools et BFSG/WCAG : réussir l'accessibilité dans une pile composable

commercetools et BFSG/WCAG : réussir l'accessibilité dans une pile composable

Depuis le 28 juin 2025, la loi allemande de renforcement de l'accessibilité (BFSG) est en vigueur. Pour la plupart des boutiques en ligne B2C, cela signifie que l'accessibilité n'est plus optionnelle, elle est obligatoire. Si vous utilisez commercetools, la première question est souvent : le backend s'en charge-t-il pour moi ? La réponse courte est non. L'accessibilité se joue là où l'utilisateur clique, saisit et lit réellement, c'est-à-dire la boutique, pas l'API commerce.

Pourquoi le BFSG touche la boutique, pas le backend

commercetools est un backend commerce API-first. Il sert les données produit, les prix, la logique de panier et de checkout via GraphQL et REST. Ce qu'il ne prescrit volontairement pas, c'est le frontend, précisément la couche qui doit satisfaire les critères WCAG : navigation au clavier, ordre de focus, ratios de contraste, structure sémantique, libellés pour lecteurs d'écran, messages d'erreur de formulaire. Une configuration composable découple backend et frontend à dessein, et c'est une force. Mais cela veut aussi dire que la responsabilité de l'accessibilité repose entièrement sur votre couche frontend. Les critères WCAG 2.1 AA que le BFSG vise en pratique ne sont pas remplis dans l'API commercetools, ils le sont dans le markup rendu que votre boutique livre.

Le problème de l'accessibilité rajoutée après coup

Beaucoup d'équipes traitent l'accessibilité comme un sprint de fin de trimestre : un audit, une liste de constats, quelques semaines de rattrapage. Le problème est que l'accessibilité est une propriété de chaque composant, pas une fonctionnalité qu'on ajoute une fois. Un anneau de focus qui disparaît à la prochaine refonte. Un carrousel non utilisable au clavier. Un menu déroulant sur mesure sans rôles ARIA. Quand ces éléments sont construits composant par composant et cassent composant par composant, chaque relance devient un nouveau risque d'accessibilité. Dans une pile composable comportant de nombreuses briques d'interface individuelles, ce risque se multiplie.

L'accessibilité comme propriété de plateforme, pas comme sprint

L'approche la plus durable consiste à intégrer l'accessibilité dans la base de composants, afin que chaque brique soit conforme dès le départ et le reste après la prochaine refonte. C'est exactement là qu'intervient l'approche frontend indépendante du backend que nous adoptons chez Laioutr : commercetools reste votre backend, mais la couche frontend livre des composants prêts pour WCAG 3.0 dès l'origine. Les briques standard, les formulaires, la navigation et les éléments interactifs respectent les critères sans que votre équipe combatte des régressions à chaque sprint. C'est la différence entre « nous avons un ticket accessibilité » et « notre boutique est structurellement accessible ».

Ce que cela signifie concrètement pour les équipes commercetools

AspectBackend (commercetools)Couche frontend (pertinente BFSG)
ResponsabilitéDonnées produit, prix, logique de checkoutRendu, sémantique, clavier, contraste
Critères WCAGnon traitésentièrement remplis ici
Risque de régressionfaibleélevé avec des builds composant par composant
Solutionl'API reste inchangéecomposants prêts WCAG dès l'origine

En pratique : vous n'avez pas à toucher à votre backend commercetools pour le BFSG. Le levier est de choisir une couche frontend où l'accessibilité est intégrée plutôt que rajoutée. Si vous êtes de toute façon face à une décision frontend, le BFSG est une raison de plus de choisir la couche boutique de façon délibérée et indépendante du backend. Nous avons décrit à quel point commercetools lui-même devient modulaire dans notre article sur commercetools et les nouveaux modules autonomes, et la même logique de découplage s'applique à l'accessibilité.

FAQ

commercetools rend-il ma boutique accessible automatiquement ? Non. commercetools est un backend commerce et ne livre aucune interface de boutique. Tous les critères pertinents WCAG sont remplis dans la couche frontend qui rend le markup.

Un audit d'accessibilité unique suffit-il pour le BFSG ? Un audit montre l'état actuel mais ne tient pas dans le temps. L'accessibilité est une propriété de chaque composant et peut casser à nouveau à chaque refonte. Une base de composants livrée conforme est plus durable.

Dois-je reconstruire mon backend commercetools pour le BFSG ? Non. Le levier pertinent est la couche frontend. Le backend reste inchangé.

Prochaines étapes

Si votre boutique commercetools doit devenir conforme au BFSG, il vaut la peine de regarder une couche frontend avec l'accessibilité prête à l'emploi. Découvrez la base prête pour WCAG, ou réservez un appel où nous passons en revue en détail votre situation frontend commercetools actuelle.

Plus depuis la plateforme Laioutr

À propos de l'auteur : Marcel Thiesies est cofondateur de Laioutr. Il accompagne les équipes commercetools de la région DACH qui rendent leur boutique conforme au BFSG et indépendante du backend.

Toutes les données reposent sur des informations publiquement disponibles et notre propre expérience de plateforme. En date de juillet 2026. Le BFSG, les critères WCAG et les fonctionnalités commercetools peuvent avoir évolué depuis. Cet article ne constitue pas un conseil juridique.

D'autres articles intéressants

Un savoir-faire concret pour le développement frontend, les agents intelligents et le headless

App Shopify
Shopify
Shopify est une plateforme de commerce pour vendre en ligne et en magasin.
App shopware
Shopware
Shopware est une plateforme e-commerce européenne et flexible pour les catalogues produits et le commerce omnicanal.
App adobe commerce
Adobe Commerce
Adobe Commerce est une plateforme de commerce enterprise pour des scénarios B2C et B2B complexes et internationaux.
Planned
App B2B sellers suite
B2Bsellers
Suite B2B pour Shopware qui transforme la boutique en ligne en plateforme de commerce B2B professionnelle.
Planned
App commerce layer
Commerce Layer
Commerce Layer est une plateforme de commerce headless pour rendre stocks et catalogues disponibles en ligne.
App commercetools
Commercetools
Commercetools est une plateforme e-commerce headless en mode SaaS, utilisée dans le monde entier.
App emporix
Emporix
Emporix est une plateforme de commerce composable et API-first pour des scénarios B2B et B2C évolutifs.
Planned
App HCL Software
HCL Software
Suite enterprise pour le commerce et l'expérience digitale, hautement configurable.
Planned
App intershop
Intershop
Plateforme de commerce enterprise pour des modèles économiques B2B et B2C complexes.
Planned
App magento 2
Magento 2
Plateforme de commerce extensible et largement répandue pour les scénarios B2C et B2B.
App Oxid
OXID eShop
OXID eShop est une plateforme de commerce extensible pour les exigences B2B et B2C complexes.
Planned
App cover patchworks
Patchworks
Patchworks est une iPaaS low-code qui connecte e-commerce, ERP, WMS, 3PL et marketplaces.
Planned
App PRESTASHOP
Prestashop
Plateforme de commerce open source pour les petits et moyens commerçants en Europe et au-delà.
Planned
App saleor
Saleor
Plateforme de commerce open source et API-first basée sur GraphQL pour des storefronts sur mesure.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud est une plateforme de commerce cloud de niveau enterprise pour les entreprises de toutes tailles.
Planned
App SAP
SAP Commerce Cloud
Plateforme de commerce enterprise pour les catalogues complexes, les modèles de prix et les parcours omnicanaux.
Planned
App SCAYLE
Scayle
SCAYLE est un moteur de commerce qui permet aux marques et aux commerçants de développer leur activité à grande échelle.
Planned
App spryker
Spryker
Plateforme de commerce composable pour des modèles économiques B2B et B2C exigeants.
App Sylius
Sylius
Sylius est un framework e-commerce pensé pour les développeurs, dédié aux expériences d'achat B2C et B2B.
Planned
App vendure
Vendure
Vendure est une plateforme de commerce headless pour les entreprises aux exigences complexes.
Coming Soon
App VTEX
VTEX
Plateforme de commerce cloud-native et composable pour le B2B et le B2C à grande échelle.
Planned
App Websale
Websale
Backend de commerce stable et de niveau enterprise pour des environnements de vente complexes.
Book a demo mobile
Entretien stratégique

Prêt à faire de votre frontend une véritable couche de pilotage ?

Montrez-nous votre stack, votre roadmap, votre scénario de replatforming, et nous vous montrerons comment Laioutr s'intègre, ce que cela coûte et à quelle vitesse vous passez en production.

« Après 30 minutes, nous savions que Laioutr rendait notre replatforming réalisable. » - Daniel B., CEO, hygibox.de