E-commerce accessible : guide de conformité EAA 2025

Le e-commerce accessible n'est plus une option ni un simple argument marketing. Depuis le 28 juin 2025, l'European Accessibility Act (EAA) impose à toutes les boutiques en ligne vendant aux consommateurs européens de garantir l'accessibilité de leurs interfaces numériques. Pour les e-commerçants français, c'est un changement de paradigme : là où seuls les grands groupes (CA supérieur à 250 millions d'euros) étaient concernés par les obligations d'accessibilité, toutes les entreprises de vente en ligne sont désormais visées, à l'exception des micro-entreprises.

Cet article constitue un guide complet pour comprendre vos obligations, identifier les points critiques de votre boutique en ligne et mettre en place une feuille de route de mise en conformité.

Pourquoi le e-commerce est désormais directement concerné

Historiquement, les obligations d'accessibilité numérique en France visaient principalement le secteur public et les très grandes entreprises privées. Un site e-commerce de PME n'avait, en pratique, aucune obligation légale spécifique en matière d'accessibilité.

L'European Accessibility Act (EAA) a changé la donne. Les services de commerce électronique figurent explicitement dans la liste des services visés par la directive. Le raisonnement du législateur européen est clair : les achats en ligne sont devenus un acte essentiel de la vie quotidienne, et exclure les personnes en situation de handicap de cette activité constitue une discrimination.

En France, 12 millions de personnes vivent avec un handicap. Parmi elles, les personnes en situation de handicap visuel, moteur ou cognitif rencontrent des obstacles concrets sur les sites e-commerce : images de produits sans description, filtres inaccessibles au clavier, tunnels de paiement incompatibles avec les lecteurs d'écran. Rendre un e-commerce accessible, c'est ouvrir son marché à cette audience significative.

L'European Accessibility Act : cadre juridique

La directive 2019/882

L'EAA est la directive (UE) 2019/882 du Parlement européen et du Conseil, adoptée le 17 avril 2019. Elle vise à harmoniser les exigences d'accessibilité pour certains produits et services au sein du marché intérieur européen. Son entrée en application est effective depuis le 28 juin 2025.

La transposition en droit français

En France, la transposition a été réalisée par deux textes :

• La loi n° 2023-171 du 9 mars 2023, dite loi DDADUE (portant diverses dispositions d'adaptation au droit de l'Union européenne)
• L'ordonnance n° 2023-859 du 6 septembre 2023, complétée par ses décrets d'application

Les dispositions sont codifiées dans le Code de la consommation (articles L. 412-8 et suivants), ce qui place clairement le e-commerce dans le périmètre de ces obligations.

Qui est concerné ?

Toutes les entreprises de commerce électronique vendant des produits ou services aux consommateurs de l'Union européenne sont concernées par l'EAA. Cela inclut :

• Les boutiques en ligne (mode, électronique, alimentation, services...)
• Les marketplaces et plateformes de mise en relation
• Les sites de vente de services en ligne (abonnements, réservations, billetterie)
• Les applications mobiles de commerce

L'exemption micro-entreprise

L'EAA prévoit une exemption pour les micro-entreprises fournissant des services. Les critères sont cumulatifs (et non alternatifs) :

• Moins de 10 salariés
• ET un chiffre d'affaires annuel inférieur à 2 millions d'euros

Il suffit de dépasser un seul de ces deux seuils pour être soumis aux obligations. Un e-commerce de 8 salariés avec un CA de 3 millions d'euros est concerné. Inversement, 15 salariés avec 1 million d'euros de CA est également concerné. Même les micro-entreprises exemptées ont intérêt à rendre leur site accessible pour des raisons commerciales.

Ce que l'EAA exige concrètement pour un e-commerce

L'EAA et la norme EN 301 549 (standard technique harmonisé européen) définissent des exigences précises pour chaque étape du parcours d'achat en ligne. Voici ce que cela implique concrètement pour votre boutique.

Pages produits

Les fiches produits sont le cœur de votre activité. Elles doivent être accessibles à tous :

• Images produits avec alternatives textuelles : chaque image doit disposer d'un attribut alt décrivant le produit (matière, couleur, forme). Pour les galeries photos, chaque vue doit être décrite.
• Descriptions claires et structurées : utilisation correcte des titres (h1, h2, h3), paragraphes, listes. La structure sémantique permet aux lecteurs d'écran de naviguer efficacement dans la fiche produit.
• Filtres et tris accessibles : les mécanismes de filtrage (par taille, couleur, prix, avis) doivent être utilisables au clavier et annoncés correctement par les technologies d'assistance.
• Avis clients accessibles : les systèmes de notation (étoiles) doivent avoir une alternative textuelle. Un "4 étoiles sur 5" doit être lu correctement par un lecteur d'écran.

Panier d'achat

Le panier est une étape critique où de nombreux sites e-commerce échouent en accessibilité :

• Navigation clavier complète : ajout, modification de quantité, suppression d'articles, tout doit fonctionner sans souris
• Compatibilité lecteur d'écran : chaque modification du panier (ajout, suppression, changement de quantité) doit être annoncée via des régions ARIA live ou des messages de statut
• Tableau de récapitulatif accessible : les informations de prix, quantité et sous-total doivent être associées correctement à chaque produit

Tunnel de paiement (checkout)

Le checkout est l'étape la plus sensible. Un tunnel de paiement inaccessible représente une perte directe de chiffre d'affaires :

• Formulaires accessibles : chaque champ doit avoir un label explicite, les champs obligatoires doivent être identifiés, les formats attendus doivent être précisés (ex. "JJ/MM/AAAA" pour la date d'expiration)
• Messages d'erreur explicites : les erreurs de saisie doivent être signalées de manière visible ET accessible. L'utilisateur doit pouvoir identifier le champ en erreur et comprendre comment corriger
• Accessibilité du paiement : les formulaires de carte bancaire, y compris ceux intégrés via iframe (Stripe, PayPal, Adyen), doivent être accessibles. Vérifiez la conformité de votre prestataire de paiement
• Étapes clairement identifiées : dans un tunnel multi-étapes, l'utilisateur doit savoir à quelle étape il se trouve et combien d'étapes restent

Gestion de compte

L'espace client doit être intégralement accessible :

• Connexion et inscription : formulaires d'authentification accessibles, gestion des erreurs claire, alternatives aux CAPTCHA visuels
• Historique de commandes : tableaux accessibles avec en-têtes correctement associés aux cellules de données
• Gestion du profil : modification des informations personnelles, adresses, moyens de paiement

Service client

• Formulaires de contact accessibles : étiquettes, gestion des erreurs, confirmation d'envoi
• Chat en direct : s'il est proposé, il doit être utilisable au clavier et compatible avec les lecteurs d'écran. Prévoyez des alternatives (email, téléphone)
• FAQ et centre d'aide : structuration correcte, navigation claire, moteur de recherche fonctionnel

Critères RGAA clés pour le e-commerce

Le RGAA 4.1.2 (Référentiel Général d'Amélioration de l'Accessibilité), basé sur les WCAG 2.1 niveau AA, constitue le référentiel technique de référence en France. Pour un site e-commerce, certaines thématiques sont particulièrement critiques.

Thématique 11 : Formulaires

C'est la thématique la plus importante pour un e-commerce. Les formulaires sont partout : recherche, filtres, panier, checkout, inscription, connexion, contact.

Critères essentiels :

• 11.1 : Chaque champ de formulaire a une étiquette (label) associée
• 11.2 : Chaque étiquette est pertinente (décrit clairement le champ attendu)
• 11.5 : Les champs de même nature sont regroupés (fieldset/legend)
• 11.10 : Les erreurs de saisie sont identifiées et décrites
• 11.11 : Le contrôle de saisie est accompagné de suggestions de correction
• 11.13 : Les informations de format sont fournies avant la saisie

Consultez notre page sur la conformité RGAA 2025 pour une vue d'ensemble des critères.

Thématique 12 : Navigation

La navigation est le fil conducteur du parcours d'achat. Un utilisateur doit pouvoir trouver un produit, l'ajouter au panier et finaliser sa commande sans obstacle.

Critères essentiels :

• 12.7 : Présence de liens d'évitement (aller au contenu, aller à la navigation, aller à la recherche)
• 12.8 : Ordre de tabulation cohérent avec la présentation visuelle
• 12.9 : Absence de piège au clavier (l'utilisateur peut toujours quitter un composant)

Thématique 7 : Scripts et composants interactifs

Les sites e-commerce regorgent de composants JavaScript : carrousels produits, filtres dynamiques, modales de sélection de taille, accordéons FAQ, popups de chat.

Critères essentiels :

• 7.1 : Les scripts sont compatibles avec les technologies d'assistance
• 7.3 : Les scripts sont utilisables au clavier et avec tout dispositif de pointage
• 7.4 : Les changements de contexte initiés par un script sont signalés à l'utilisateur

Thématique 1 : Images

Un site e-commerce est par définition riche en images. Chaque image de produit doit être accessible.

Critères essentiels :

• 1.1 : Chaque image a une alternative textuelle
• 1.2 : Chaque image de décoration est correctement ignorée par les technologies d'assistance
• 1.3 : L'alternative textuelle est pertinente (décrit le contenu informatif de l'image)

Pour les erreurs les plus fréquentes sur ces thématiques, consultez notre article sur les erreurs d'accessibilité courantes.

Sanctions en cas de non-conformité

L'autorité compétente : la DGCCRF

Pour le secteur privé, et donc pour le e-commerce, c'est la DGCCRF (Direction Générale de la Concurrence, de la Consommation et de la Répression des Fraudes) qui est l'autorité compétente pour le contrôle et la sanction des manquements aux obligations de l'EAA.

Il est important de ne pas confondre avec l'ARCOM, qui sanctionne le secteur public (amendes de 25 000 euros pour les manquements déclaratifs et 50 000 euros pour la non-conformité technique). Les sanctions ARCOM ne s'appliquent pas aux entreprises privées concernées uniquement par l'EAA.

Les amendes prévues

Le régime de sanctions pour le e-commerce est défini dans le Code de la consommation :

• 7 500 euros par infraction pour une personne physique
• 37 500 euros par infraction pour une personne morale (société)
• 15 000 euros en cas de récidive pour une personne physique
• 75 000 euros en cas de récidive pour une personne morale

Les astreintes

En cas de non-respect d'une injonction de mise en conformité, la DGCCRF peut prononcer des astreintes pouvant atteindre 3 000 euros par jour tant que le manquement persiste. Pour un e-commerce de taille moyenne, cela représente un risque financier considérable.

Mesures complémentaires

Au-delà des amendes, la DGCCRF dispose de pouvoirs supplémentaires :

• Injonction de mise en conformité avec un délai contraint
• Surveillance du marché : contrôles réguliers et systématiques
• Retrait du marché pour les produits non conformes (applicable aux produits physiques vendus en ligne)
• Publication des décisions : le risque réputationnel s'ajoute aux conséquences financières

Les pièges d'accessibilité les plus courants en e-commerce

Certains composants et pratiques du e-commerce sont systématiquement problématiques en matière d'accessibilité. Les identifier permet de prioriser vos efforts de correction.

Carrousels produits inaccessibles

Les carrousels de mise en avant ou de produits similaires sont omniprésents sur les sites e-commerce. Ils sont aussi l'un des composants les plus inaccessibles :

• Boutons précédent/suivant non focalisables au clavier
• Absence de rôle et de labels ARIA (role="region", aria-label, aria-roledescription)
• Défilement automatique sans possibilité de pause
• Pas d'indication du nombre de slides ni de la position actuelle

Solution : utilisez un carrousel accessible avec navigation clavier, bouton pause, et pagination explicite. Ou mieux encore, questionnez le besoin du carrousel — une grille statique de produits est souvent plus efficace et naturellement plus accessible.

Sélecteurs personnalisés (taille, couleur, variante)

Les sélecteurs de taille ou de couleur sont rarement des <select> natifs. Ils utilisent des <div> ou des <span> stylisés qui ne sont pas focalisables au clavier et ne transmettent aucune information aux technologies d'assistance.

Solution : utilisez des groupes de boutons radio avec des labels explicites, ou des <select> natifs stylisés. Si vous créez un composant personnalisé, implémentez le pattern ARIA listbox avec navigation par flèches. Consultez notre outil bouton vs lien pour choisir le bon élément sémantique.

Formulaires de paiement en iframe

De nombreux e-commerces intègrent le formulaire de paiement via une iframe fournie par leur prestataire (Stripe Elements, PayPal, Adyen). Le problème : vous ne contrôlez pas le code à l'intérieur de l'iframe.

Solution : vérifiez la conformité d'accessibilité de votre prestataire de paiement. Stripe, par exemple, a fait des progrès significatifs en matière d'accessibilité de ses composants intégrés. Choisissez un prestataire qui s'engage sur la conformité WCAG 2.1 AA. Testez le parcours complet avec un lecteur d'écran.

CAPTCHA sur le checkout

Les CAPTCHA visuels (puzzles, images à identifier) constituent une barrière absolue pour les utilisateurs de lecteurs d'écran et les personnes en situation de handicap visuel. Les placer sur l'étape de paiement revient à interdire l'achat à ces utilisateurs.

Solution : privilégiez les solutions invisibles (reCAPTCHA v3, hCaptcha en mode invisible) qui ne nécessitent aucune interaction de l'utilisateur. Si un CAPTCHA visible est indispensable, proposez systématiquement une alternative audio et une voie de contournement (contact humain).

Popups cookies et modales newsletter

Les bannières de cookies et les popups d'inscription newsletter sont souvent le premier élément rencontré par l'utilisateur. S'ils sont inaccessibles, c'est tout le site qui devient inutilisable : modale non focalisable au clavier, pas de piège de focus, bouton de fermeture invisible, pas de gestion de la touche Échap.

Solution : utilisez l'élément HTML natif <dialog> avec showModal() qui gère nativement le piège de focus et la fermeture par Échap. Assurez-vous que le bouton "Refuser" ou "Fermer" est aussi accessible et visible que le bouton "Accepter".

Feuille de route de mise en conformité

Voici un plan d'action structuré en quatre phases pour rendre votre e-commerce accessible et conforme à l'EAA.

Phase 1 : Diagnostic (semaines 1-2)

Objectif : évaluer l'état actuel de l'accessibilité de votre site.

1. Scanner automatisé : lancez un scan de votre site pour obtenir un premier diagnostic. Les outils automatisés détectent environ 30 à 40 % des problèmes d'accessibilité.
2. Audit du parcours d'achat : testez manuellement le parcours complet (recherche, fiche produit, panier, checkout, compte) au clavier uniquement.
3. Inventaire des composants critiques : listez tous les composants interactifs (carrousels, filtres, sélecteurs, modales, formulaires de paiement) et évaluez leur accessibilité.
4. Priorisation : classez les problèmes par impact (bloquant, majeur, mineur) et par effort de correction.

Phase 2 : Corrections critiques (semaines 3-8)

Objectif : éliminer les obstacles bloquants du parcours d'achat.

1. Formulaires : ajoutez les labels manquants, implémentez la gestion des erreurs accessible, identifiez les champs obligatoires.
2. Navigation clavier : rendez tous les composants interactifs focalisables et opérables au clavier. Éliminez les pièges au clavier.
3. Images produits : ajoutez les alternatives textuelles sur toutes les images informatives.
4. Tunnel de paiement : assurez-vous que le checkout complet est utilisable sans souris et avec un lecteur d'écran.
5. Modales et popups : corrigez les bannières cookies, popups newsletter et modales de sélection pour qu'elles respectent le pattern dialog accessible.

Phase 3 : Amélioration continue (semaines 9-16)

Objectif : couvrir l'ensemble des critères RGAA 4.1.2 pertinents.

1. Contrastes : vérifiez et corrigez les contrastes de texte insuffisants sur l'ensemble du site.
2. Structure sémantique : corrigez la hiérarchie des titres, les landmarks ARIA, les listes.
3. Focus visible : implémentez un indicateur de focus clair et visible sur tous les éléments interactifs.
4. Contenus multimédia : ajoutez des sous-titres aux vidéos produits, des transcriptions aux contenus audio.
5. Documents téléchargeables : assurez-vous que les CGV, factures PDF et guides sont accessibles.

Phase 4 : Pérennisation (en continu)

Objectif : maintenir le niveau de conformité dans la durée.

1. Publier votre déclaration d'accessibilité : document obligatoire, même si votre conformité est partielle.
2. Former vos équipes : développeurs, intégrateurs, chefs de produit, équipes contenu. L'accessibilité doit être intégrée dans les processus quotidiens.
3. Intégrer des tests d'accessibilité dans votre pipeline CI/CD : tests automatisés à chaque déploiement.
4. Planifier des audits réguliers : un audit complet au minimum une fois par an, plus des scans automatisés mensuels.
5. Mettre en place un canal de signalement : permettez aux utilisateurs de remonter les problèmes d'accessibilité qu'ils rencontrent.

L'accessibilité comme levier de conversion

Au-delà de l'obligation légale, rendre un e-commerce accessible est un investissement rentable.

Un marché élargi, une UX améliorée pour tous

En France, les personnes en situation de handicap représentent 15 à 20 % de la population. À l'échelle européenne, ce sont 87 millions de personnes. Leur pouvoir d'achat en ligne est considérable et sous-exploité par les e-commerçants qui les excluent de fait.

Les améliorations d'accessibilité bénéficient à l'ensemble des utilisateurs :

• Alternatives textuelles : améliorent le référencement naturel (SEO), car les moteurs de recherche lisent les textes alternatifs des images
• Formulaires bien structurés : réduisent le taux d'abandon de panier pour tous les utilisateurs
• Navigation clavier : profite aux power users et aux utilisateurs mobiles
• Messages d'erreur clairs : réduisent les erreurs de saisie et les appels au support client

En 2026, la majorité des sites e-commerce français ne sont pas encore conformes à l'EAA. Être parmi les premiers à offrir une expérience d'achat pleinement accessible constitue un avantage concurrentiel réel : fidélisation d'une clientèle négligée, image de marque positive, réduction des risques juridiques.

Le coût de l'inaction vs. la mise en conformité

L'investissement en accessibilité est rentable dès la première année si l'on considère à la fois les risques évités et les gains commerciaux.

Conclusion

Le e-commerce accessible n'est plus un sujet prospectif. Depuis le 28 juin 2025, c'est une obligation légale pour toutes les boutiques en ligne vendant aux consommateurs européens (hors micro-entreprises). La DGCCRF dispose de moyens de contrôle et de sanction concrets, et les amendes sont suffisamment dissuasives pour que l'inaction ne soit plus une option.

La bonne nouvelle, c'est que la mise en conformité n'est pas un projet insurmontable. En procédant par priorité — sécuriser d'abord le parcours d'achat, puis élargir aux contenus secondaires — vous pouvez atteindre un niveau de conformité satisfaisant en quelques mois. Et les bénéfices dépassent largement le cadre réglementaire : meilleure conversion, audience élargie, SEO renforcé, expérience utilisateur supérieure.

Commencez dès aujourd'hui : scannez votre site e-commerce pour identifier les premiers problèmes, puis suivez la feuille de route décrite dans cet article. Chaque amélioration compte, et chaque barrière supprimée ouvre votre boutique à un nouveau client.