Accessibilité e-commerce : ce que l'European Accessibility Act change pour votre boutique
L'accessibilité d'un site e-commerce est devenue une obligation légale pour la plupart des boutiques qui vendent à des consommateurs dans l'Union européenne. Depuis le 28 juin 2025, l'European Accessibility Act impose que le parcours d'achat, de la recherche produit au paiement, soit utilisable par tous, y compris au clavier et avec un lecteur d'écran. La référence technique est le niveau AA des WCAG 2.1.
Pendant la première année, beaucoup de marchands ont attendu de voir. Ce n'est plus possible : en France, la DGCCRF a lancé en janvier 2026 une enquête dédiée aux sites et applications de commerce en ligne. En Allemagne, l'autorité de surveillance du marché a adopté début 2026 sa stratégie de contrôle, qui s'appuie sur des analyses automatisées.
Ce guide s'adresse aux propriétaires de boutiques, aux équipes marketing et aux entreprises qui font développer leur site en Tunisie ou ailleurs pour vendre en Europe. Il explique qui est concerné, ce qu'il faut corriger en priorité et comment s'y prendre sur WooCommerce, Shopify et Webflow.
Qui est concerné par l'European Accessibility Act ?
La directive (UE) 2019/882, appelée European Accessibility Act (EAA), couvre plusieurs produits et services, dont les services de commerce électronique proposés aux consommateurs. Une boutique en ligne B2C qui vend dans l'UE entre donc dans son champ.
Trois points sont souvent mal compris :
- Le lieu d'établissement ne protège pas. Une entreprise basée en Tunisie, au Royaume-Uni ou ailleurs qui vend à des consommateurs européens est visée pour ces ventes.
- Les microentreprises de services sont exemptées : moins de 10 personnes et un chiffre d'affaires annuel ou un total de bilan qui ne dépasse pas 2 millions d'euros. Les deux conditions doivent être remplies.
- Le B2B pur n'est pas visé par ce volet, puisque la directive protège les consommateurs. Un site mixte B2B/B2C l'est pour sa partie grand public.
Il existe aussi des dérogations pour « charge disproportionnée » ou « modification fondamentale » du service. Elles doivent être documentées et, en France, signalées à l'autorité. Elles ne permettent pas d'ignorer le sujet.
France et Allemagne : textes, contrôles et sanctions
Chaque État membre a transposé la directive avec ses propres autorités. Les deux marchés les plus importants pour nos clients européens fonctionnent ainsi :
| Critère | France | Allemagne |
|---|---|---|
| Texte national | Loi n° 2023-171 du 9 mars 2023, décret n° 2023-931 et arrêté du 9 octobre 2023 | Barrierefreiheitsstärkungsgesetz (BFSG) |
| Autorité de contrôle e-commerce | DGCCRF | Marktüberwachungsstelle der Länder (MLBF) |
| Méthode de vérification | Référentiel RGAA, aligné sur la norme EN 301 549 | Norme EN 301 549 (WCAG 2.1 AA) |
| Sanctions possibles | Injonction de mise en conformité, amendes par manquement constaté | Amende jusqu'à 100 000 € pour un service non conforme (§ 37 BFSG) |
| Contrôles annoncés | Enquête sur les sites marchands lancée en janvier 2026 | Stratégie de contrôle adoptée début 2026, avec vérifications automatisées |
Dans son bilan publié le 25 juin 2026, la DGCCRF indique qu'une centaine d'établissements seront contrôlés en 2026. L'une des enquêtes vise aussi les pratiques des prestataires qui vendent des audits d'accessibilité. Un signal clair : les promesses de conformité trop faciles seront examinées.
Ces informations sont générales. Pour une décision engageante, faites valider votre situation par un juriste.
Où les boutiques en ligne échouent le plus souvent
L'étude annuelle WebAIM Million analyse les pages d'accueil du million de sites les plus visités. Dans l'édition de février 2026, 95,9 % présentaient des erreurs WCAG détectables automatiquement, avec 56,1 erreurs en moyenne par page. Les défauts les plus fréquents touchent directement les boutiques :
| Défaut détecté | Part des pages | Où on le trouve sur une boutique |
|---|---|---|
| Texte à contraste insuffisant | 83,9 % | Prix barrés gris clair, badges promo, texte sur bannière |
| Images sans texte alternatif | 53,1 % | Photos produits, vignettes de catégories, logos de paiement |
| Champs de formulaire sans libellé | 51 % | Recherche, newsletter, checkout, filtres |
| Liens vides | 46,3 % | Icônes panier, compte, réseaux sociaux |
| Boutons vides | 30,6 % | Boutons « + » / « - » de quantité, flèches de carrousel, fermeture de pop-up |
La bonne nouvelle : ces défauts sont connus, répétitifs et souvent concentrés dans le thème. Corriger un gabarit de fiche produit corrige des centaines de pages d'un coup.
Les exigences clés, étape par étape du parcours d'achat
Navigation et recherche
Tout le site doit être utilisable au clavier, avec un indicateur de focus visible. Le méga-menu doit s'ouvrir avec la touche Entrée et se fermer avec Échap. Prévoyez un lien d'évitement « Aller au contenu » et déclarez la langue de la page (lang="fr"), un oubli présent sur 13,5 % des pages selon WebAIM.
Pages catégories et filtres
Les filtres à facettes doivent être de vrais éléments de formulaire (cases à cocher, boutons) et annoncer le nombre de résultats après filtrage. Un filtre qui recharge la grille sans prévenir désoriente un utilisateur de lecteur d'écran.
Fiches produits
Rédigez des textes alternatifs utiles (« Robe en lin bleu marine, vue de dos ») plutôt que le nom du fichier. Les sélecteurs de taille et de couleur doivent indiquer leur état (« sélectionné », « en rupture ») autrement que par la couleur seule. Notre modèle de fiche produit WooCommerce intègre déjà ces bonnes pratiques, qui servent aussi votre référencement.
Panier et checkout
C'est la zone la plus sensible, car un blocage y empêche l'achat. Chaque champ a besoin d'un libellé visible, d'attributs autocomplete corrects et de messages d'erreur explicites placés près du champ. Les WCAG 2.2 ajoutent le critère de saisie redondante : ne pas faire ressaisir une adresse déjà fournie. Nous détaillons ces réglages dans notre guide pour optimiser le checkout WooCommerce.
Contenus dynamiques
Mini-panier qui s'ouvre, pop-up newsletter, bandeau cookies, chat : chaque élément qui apparaît doit recevoir le focus, être fermable au clavier et ne pas piéger l'utilisateur. Les carrousels automatiques doivent pouvoir être mis en pause.
WooCommerce, Shopify, Webflow : par où commencer
Aucune plateforme n'est conforme « par défaut ». Le cœur logiciel fournit une base, puis le thème, les extensions et vos contenus font la différence.
| Plateforme | Base fournie | Risques fréquents | Premier chantier |
|---|---|---|---|
| WooCommerce | Cœur et checkout en blocs améliorés au fil des versions (documentation) | Thèmes premium chargés, extensions de filtres, sliders, constructeurs de pages | Auditer le thème et les extensions qui touchent fiche produit et checkout |
| Shopify | Les thèmes du Theme Store doivent atteindre un score Lighthouse accessibilité moyen de 90 sur quatre pages types (exigences Shopify) | Applications tierces (avis, upsell, pop-ups) et thèmes modifiés | Tester chaque application installée au clavier, retirer les inutiles |
| Webflow | Panneau Audit qui signale libellés manquants, textes alternatifs et contrastes (aide Webflow) | Interactions et animations personnalisées, éléments div utilisés comme boutons | Corriger les alertes du panneau Audit, puis tester les interactions |
Un score Lighthouse de 90 ou 100 ne prouve pas la conformité. Les outils automatiques détectent une partie seulement des critères WCAG. Le reste demande un test humain : navigation au clavier, lecteur d'écran (NVDA, VoiceOver), zoom à 200 %.
Pourquoi les overlays ne suffisent pas
Les widgets « d'accessibilité en un clic » promettent une conformité immédiate par l'ajout d'un script. Ils ne corrigent pas le code du thème et peuvent gêner les technologies d'assistance que les utilisateurs ont déjà configurées.
Aux États-Unis, la Federal Trade Commission a ordonné en 2025 à l'éditeur accessiBe de payer 1 million de dollars pour des allégations trompeuses sur la capacité de son outil à rendre les sites conformes. Investissez plutôt dans la correction du thème : c'est durable et cela profite aussi à la performance et au SEO.
Plan d'action en 6 étapes
- Vérifiez si vous êtes concerné : ventes aux consommateurs de l'UE, effectif, chiffre d'affaires.
- Lancez un audit sur un échantillon représentatif : accueil, catégorie, fiche produit, recherche, panier, checkout, compte, contact. Combinez outil automatique et tests manuels.
- Priorisez par impact : d'abord ce qui bloque l'achat (checkout, sélecteurs de variantes, mini-panier), puis les défauts répétés dans les gabarits.
- Corrigez à la source : thème, composants, extensions. Remplacez les extensions non corrigeables.
- Publiez vos informations d'accessibilité : la directive impose d'expliquer comment le service répond aux exigences. En France, cela prend la forme d'une déclaration d'accessibilité accessible depuis chaque page.
- Maintenez dans le temps : formez les personnes qui ajoutent des produits (textes alternatifs, contrastes des visuels) et testez après chaque mise à jour du thème.
Si votre boutique a plusieurs années et accumule les extensions, une refonte de site web est parfois plus rentable qu'une longue liste de correctifs.
Exemple : une boutique WooCommerce qui vend en France
Cas illustratif : une marque de cosmétiques basée à Tunis, 15 salariés, vend en Tunisie et en France via WooCommerce. Elle dépasse le seuil d'effectif des microentreprises : ses ventes aux consommateurs français sont concernées.
L'audit révèle des prix promo en rose pâle sur fond blanc, des boutons de quantité sans nom accessible, un filtre « type de peau » inutilisable au clavier et une pop-up newsletter impossible à fermer sans souris. Le plan de correction : ajuster deux couleurs de la charte, réécrire le composant de quantité, remplacer l'extension de filtres et reconfigurer la pop-up. En parallèle, l'équipe catalogue reçoit une consigne simple pour rédiger les textes alternatifs des nouvelles photos.
Ces corrections améliorent aussi l'expérience de tous les clients mobiles, qui utilisent souvent le site dans de mauvaises conditions de lumière ou d'une seule main.
Conclusion : un chantier technique, pas une case à cocher
L'accessibilité d'un site e-commerce n'est plus un bonus. C'est une exigence légale en Europe, contrôlée depuis 2026, et un levier de conversion : un checkout lisible, des boutons clairs et des formulaires bien étiquetés profitent à chaque client.
Notre équipe audite et corrige des boutiques WooCommerce, Shopify et Webflow pour des marchands en Tunisie et en Europe : correction de thèmes, remplacement d'extensions, refonte accessible. Découvrez notre offre de développement WooCommerce ou notre accompagnement en développement web offshore pour les entreprises européennes.