Accessibilité des sites e-commerce : guide de conformité 2026

L'accessibilité des sites e-commerce n'est plus un sujet optionnel. La directive européenne sur l'accessibilité (European Accessibility Act, directive 2019/882) cible explicitement le commerce électronique. L'article 2, paragraphe 2, de la directive inclut les « services de commerce électronique » dans la liste des services soumis aux exigences d'accessibilité. Depuis le 28 juin 2025, tout site marchand opéré par une entreprise de plus de 10 salariés ou 2 millions d'euros de chiffre d'affaires doit être accessible aux personnes en situation de handicap. Les sanctions vont jusqu'à 50 000 euros par service non conforme.

Ce guide détaille les pages critiques à auditer en priorité, les violations les plus courantes sur les sites e-commerce et l'impact business concret de l'accessibilité pour les boutiques en ligne.

Pourquoi le e-commerce est une cible prioritaire de l'EAA

L'European Accessibility Act ne cible pas le e-commerce par hasard. Le commerce en ligne est le premier point de contact numérique entre les entreprises et les consommateurs. Exclure une partie de la population de l'achat en ligne revient à la priver d'un accès fondamental aux biens et services.

L'Arcom, autorité de contrôle en France, a d'ailleurs commencé ses premières mises en demeure par des acteurs de la grande distribution : Auchan, Carrefour, E.Leclerc, Picard. Le signal est clair : le e-commerce est dans le viseur. Pour comprendre en détail ce que change l'EAA et qui est concerné, consulte notre guide dédié.

En France, selon l'INSEE, environ 12 millions de personnes sont en situation de handicap. L'Organisation mondiale de la santé estime que 15 % de la population mondiale vit avec une forme de handicap. Un site e-commerce inaccessible ne fait pas que violer la loi — il exclut une part significative de clients potentiels.

Les pages critiques à auditer en priorité

Sur un site e-commerce, toutes les pages ne présentent pas le même niveau de risque. Certaines concentrent les interactions les plus complexes et sont donc les plus susceptibles de contenir des violations d'accessibilité. Voici les cinq pages à auditer en priorité, dans l'ordre du parcours d'achat.

1. La fiche produit

La fiche produit est le cœur d'un site e-commerce. Elle combine images, textes, boutons d'action, sélecteurs de variantes (taille, couleur) et souvent des avis clients.

Points de vigilance :

• Images produit : chaque image doit avoir un attribut alt décrivant le produit (« Chaussure de running Nike Air Zoom, coloris noir, vue de profil »). Un alt vide ou générique (« photo produit ») est non conforme
• Prix : le prix doit être lisible par les technologies d'assistance. Un prix affiché uniquement via CSS ou dans une image est inaccessible
• Sélecteurs de variantes : les menus déroulants, boutons de taille ou swatchs de couleur doivent être navigables au clavier et exposer leur état (sélectionné/non sélectionné) aux technologies d'assistance
• Bouton d'ajout au panier : l'intitulé doit être explicite (« Ajouter au panier » plutôt que « + ») et le résultat de l'action doit être annoncé (via aria-live ou redirection vers le panier)

2. La page panier

Le panier est une étape de transition critique. L'utilisateur doit pouvoir vérifier sa sélection, modifier les quantités et supprimer des articles.

Points de vigilance :

• Tableau de produits : si les articles sont présentés dans un tableau, celui-ci doit être structuré avec des en-têtes (<th scope="col">) et un <caption>
• Modification de quantité : les champs de saisie doivent avoir des labels associés. Les boutons « + » et « - » doivent avoir un intitulé accessible (via aria-label : « Augmenter la quantité de [nom du produit] »)
• Suppression d'article : le bouton de suppression doit être explicite et pas uniquement représenté par une icône sans texte alternatif
• Mise à jour dynamique : si le total se met à jour sans rechargement de page, le changement doit être annoncé aux technologies d'assistance (via une région aria-live)

3. Le tunnel de paiement

C'est la page la plus critique en termes d'accessibilité, car la moindre friction entraîne un abandon de panier. Les formulaires de paiement concentrent les interactions les plus complexes.

Points de vigilance :

• Labels de champs : chaque champ (nom, adresse, numéro de carte, date d'expiration, CVV) doit avoir un label visible et associé programmatiquement via l'attribut for
• Messages d'erreur : les erreurs de saisie doivent être identifiées dans le texte (pas uniquement par la couleur), liées au champ concerné via aria-describedby, et suffisamment explicites pour que l'utilisateur sache comment corriger
• Autocomplétion : les champs doivent utiliser les attributs autocomplete appropriés (name, email, address-line1, cc-number, etc.) pour faciliter la saisie
• Navigation au clavier : tout le tunnel doit être parcourable au clavier sans piège. L'ordre de tabulation doit suivre l'ordre logique du formulaire
• Indicateurs d'étape : si le paiement se fait en plusieurs étapes, l'étape en cours doit être annoncée et accessible

4. La page de confirmation

La confirmation de commande doit être accessible pour que l'utilisateur puisse vérifier que sa commande a bien été enregistrée.

Points de vigilance :

• Récapitulatif structuré : le résumé de commande (articles, prix, adresse de livraison, mode de paiement) doit être lisible par les technologies d'assistance
• Numéro de commande : il doit être dans le contenu HTML, pas uniquement dans une image ou un élément généré en CSS
• Lien vers le suivi : s'il y a un lien vers le suivi de commande, son intitulé doit être explicite

5. L'espace client

Le compte client (historique de commandes, gestion des adresses, modification du mot de passe) est souvent le parent pauvre de l'accessibilité.

Points de vigilance :

• Formulaires de connexion : labels, messages d'erreur, visibilité du focus
• Tableau d'historique : en-têtes de colonnes balisés, données structurées
• Actions sur les commandes (retour, facture, suivi) : intitulés de liens explicites, documents téléchargeables accessibles

Les violations les plus fréquentes sur les sites e-commerce

L'analyse des audits d'accessibilité réalisés sur des sites marchands révèle des patterns récurrents. Voici les six violations les plus courantes.

Images produit sans alternative textuelle

C'est la violation numéro un. Les catalogues e-commerce contiennent des centaines, voire des milliers d'images produit. La grande majorité n'ont pas d'attribut alt, ou ont un alt auto-généré à partir du nom de fichier (« IMG_3847.jpg »). Pour un utilisateur de lecteur d'écran, ces produits n'existent pas.

Filtres et facettes non accessibles au clavier

Les filtres de recherche (par prix, taille, couleur, marque) sont souvent implémentés avec des composants JavaScript custom qui ne sont pas navigables au clavier. Un utilisateur qui ne peut pas utiliser de souris ne peut tout simplement pas filtrer les produits. C'est un blocage fonctionnel majeur.

Modales panier non focusables

Quand un produit est ajouté au panier, une modale ou un panneau latéral s'ouvre souvent pour confirmer l'ajout. Si cette modale ne capture pas le focus, l'utilisateur au clavier ou au lecteur d'écran ne sait pas qu'elle est apparue. Et s'il n'y a pas de bouton de fermeture accessible, il reste piégé.

CAPTCHA non accessible

Les CAPTCHA visuels (déchiffrer des caractères déformés, sélectionner des images) sont par définition inaccessibles aux personnes aveugles. Même les CAPTCHA « intelligents » (reCAPTCHA v2) posent des problèmes d'accessibilité significatifs. Les alternatives existent : reCAPTCHA v3 (invisible, basé sur le score), hCaptcha avec mode accessibilité, ou des solutions serveur-side qui ne nécessitent aucune interaction utilisateur.

Carrousels produit non contrôlables

Les carrousels d'images produit (diaporamas automatiques sur la page d'accueil ou les fiches produit) sont rarement accessibles : pas de bouton pause, pas de navigation au clavier, pas d'indication de la position dans le carrousel. Le RGAA exige que tout contenu en mouvement puisse être mis en pause et que les contrôles soient accessibles au clavier.

Notifications et toasts non annoncées

Les messages de type « Produit ajouté au panier », « Stock limité » ou « Livraison gratuite à partir de 50 euros » apparaissent souvent sous forme de toasts ou de bannières dynamiques. Si ces messages ne sont pas dans une région aria-live, les technologies d'assistance ne les détectent pas.

L'impact business de l'accessibilité e-commerce

Un marché sous-exploité

L'OMS estime que 15 % de la population mondiale vit avec une forme de handicap. En France, l'INSEE recense 12 millions de personnes en situation de handicap. Ce ne sont pas que des utilisateurs de lecteurs d'écran : cela inclut les personnes malvoyantes, malentendantes, à mobilité réduite, ayant des troubles cognitifs ou des handicaps temporaires (bras cassé, migraine, environnement bruyant).

Un site e-commerce inaccessible exclut une partie de ces utilisateurs. Il ne s'agit pas de perdre 15 % de son chiffre d'affaires du jour au lendemain — la proportion de personnes exclues varie selon le type de handicap et la gravité des problèmes d'accessibilité. Mais chaque barrière non corrigée est un client potentiel qui part chez un concurrent dont le site fonctionne pour lui.

L'accessibilité améliore l'expérience pour tous

Les bonnes pratiques d'accessibilité bénéficient à l'ensemble des utilisateurs :

• Des labels clairs sur les formulaires réduisent les erreurs de saisie pour tout le monde
• Des contrastes suffisants améliorent la lisibilité sur mobile en plein soleil
• Une navigation au clavier fonctionnelle profite aux utilisateurs avancés qui préfèrent le clavier
• Des messages d'erreur explicites réduisent les abandons de panier
• Une structure de titres logique améliore le référencement naturel (les robots des moteurs de recherche parcourent la page comme un lecteur d'écran)

Avantage concurrentiel

En 2026, la majorité des sites e-commerce français ne sont pas encore conformes. Les premières mises en demeure de l'Arcom l'ont démontré. L'entreprise qui se met en conformité rapidement prend un avantage concurrentiel : elle évite les amendes, elle élargit son audience et elle affiche un engagement concret en matière de responsabilité sociale.

Checklist d'audit rapide pour un site e-commerce

Avant de lancer un audit complet, vérifie ces points sur ton site :

• Toutes les images produit ont un alt descriptif et pertinent
• Les filtres de recherche sont utilisables au clavier (Tab, Entrée, Espace)
• Chaque champ de formulaire a un label visible et associé
• Les messages d'erreur identifient le champ concerné et expliquent comment corriger
• Le tunnel de paiement complet est navigable au clavier sans piège
• Les modales (panier, connexion, taille) capturent le focus à l'ouverture et le restituent à la fermeture
• Les notifications dynamiques sont dans des régions aria-live
• Les carrousels ont un bouton pause et des contrôles accessibles
• Le site a une déclaration d'accessibilité publiée
• Les documents téléchargeables (conditions générales, factures) sont accessibles

Pour comprendre en détail les 106 critères du RGAA et savoir comment les appliquer à ton site, consulte notre guide complet.

Comment se mettre en conformité

Étape 1 : diagnostiquer

Lance un scan automatisé de ton site. En 30 secondes, tu obtiens un premier diagnostic qui identifie les violations les plus courantes : contrastes, alternatives textuelles, labels, structure HTML. C'est la base pour prioriser les corrections.

Étape 2 : corriger les bloquants

Concentre-toi d'abord sur les pages du parcours d'achat (fiche produit, panier, paiement, confirmation). Ce sont les pages à plus fort impact business et les plus susceptibles d'être contrôlées par l'Arcom. Les corrections les plus courantes (ajout d'attributs alt, association de labels, amélioration des contrastes) sont rapides à implémenter.

Étape 3 : auditer les interactions complexes

Les composants interactifs (filtres, modales, carrousels, autocomplétion) nécessitent des tests manuels au clavier et avec un lecteur d'écran. C'est là que se trouvent les blocages fonctionnels les plus graves.

Étape 4 : documenter et déclarer

Publie ta déclaration d'accessibilité, même si le site n'est pas encore totalement conforme. L'absence de déclaration est une infraction à part entière, sanctionnée de 25 000 euros.

Conclusion

L'EAA place le e-commerce en première ligne des obligations d'accessibilité. Les pages produit, le panier, le tunnel de paiement et l'espace client sont les zones critiques à traiter en priorité. Les violations les plus fréquentes — images sans alt, filtres non accessibles au clavier, modales non focusables — sont identifiables par un audit automatisé et souvent corrigeables en quelques jours de développement.

Auditez votre boutique en ligne en 30 secondes sur webconforme.fr pour identifier les violations critiques avant qu'elles ne vous coûtent des clients.