◆ Guide e-commerce

Accessibilité des sites e-commerce : le guide complet du parcours d'achat

Une boutique en ligne n'échoue pas partout en même temps. L'accessibilité e-commerce échoue à des endroits précis. Le filtre produit, le sélecteur de taille, le champ de code postal, le récapitulatif. Ce guide suit le parcours d'achat étape par étape, et nomme ce qui casse à chacune.

Votre situation	Concerné depuis le 28 juin 2025 ?
Boutique en ligne vendant à des particuliers	Oui
Boutique réservée aux professionnels	Hors du champ consommateur
Moins de 10 personnes et sous les seuils financiers	Exemptée

Le parcours

Accessibilité e-commerce : six étapes, six ruptures

Suivez votre propre boutique dans cet ordre, au clavier uniquement. Vous saurez en vingt minutes où vous perdez des clients.

Étape 1. La recherche et les filtres

Les filtres se cochent souvent à la souris seulement. Pire, le nombre de résultats se met à jour sans que rien ne soit annoncé. Un utilisateur au lecteur d'écran ignore donc que la liste a changé.

Correction : filtres activables au clavier, et annonce du nouveau nombre de résultats après chaque changement.

Étape 2. La fiche produit

La couleur se choisit sur une pastille sans nom. La taille se sélectionne dans un composant maison. Les visuels portent le nom du fichier en guise de description.

Correction : chaque option porte un libellé écrit, et chaque visuel une alternative utile. Notre article sur l'attribut alt détaille la méthode.

Étape 3. L'ajout au panier

Le produit s'ajoute, un message apparaît brièvement en haut de l'écran, puis disparaît. Personne n'a été prévenu, ni le lecteur d'écran, ni l'utilisateur qui regardait le bas de page.

Correction : une confirmation persistante, annoncée par une zone de message dédiée.

Étape 4. Le panier

Les quantités se modifient avec deux petits boutons sans libellé. La suppression se fait par une croix, elle aussi muette. Le total se met à jour en silence.

Correction : des libellés explicites du type « augmenter la quantité de … », et un total annoncé après chaque changement.

Étape 5. Les coordonnées et la livraison

C'est l'étape la plus coûteuse. Champs sans étiquette reliée, autocomplétion désactivée, code postal qui déclenche un rechargement, erreurs signalées par une simple bordure rouge.

Correction : le détail complet figure dans notre article sur les formulaires accessibles.

Étape 6. Le paiement

Le module vient d'un prestataire externe, souvent dans un cadre embarqué. Le compte à rebours de session expire sans avertissement, et la saisie repart de zéro.

Correction : demandez à votre prestataire de paiement sa position écrite sur l'accessibilité. Prévenez également avant l'expiration d'une session.

Selon la plateforme

Ce qui dépend de vous, et ce qui n'en dépend pas

Type de boutique	Ce que vous maîtrisez	Ce qui vous échappe
Boutique sur mesure	Tout, du filtre au paiement	Les modules de paiement externes
Extension e-commerce sur votre site	Le thème, les gabarits, les libellés	Le cœur de l'extension et ses modules
Plateforme hébergée	Le thème, les textes, les alternatives	Le tunnel de commande imposé

La dernière ligne inquiète beaucoup de commerçants. Retenez ceci : l'obligation porte sur le service que vous exploitez, pas sur le code que vous avez écrit. Choisissez donc une plateforme qui tient ses engagements en matière d'accessibilité e-commerce. Puis documentez ce que vous ne pouvez pas corriger.

L'argument oublié

Le même chantier fait vendre davantage

Ce que ça change pour tout le monde

→ Un libellé toujours visible réduit les erreurs de saisie sur mobile
→ Un message d'erreur écrit évite l'abandon après un refus
→ L'autocomplétion accélère l'étape la plus longue du tunnel
→ Un contraste correct rend les prix lisibles en extérieur

Ce que ça change pour Google

→ Des fiches produits structurées se comprennent mieux
→ Des alternatives justes nourrissent la recherche d'images
→ Une hiérarchie de titres propre clarifie chaque catégorie
→ Un tunnel plus rapide améliore les signaux d'expérience

C'est la raison pour laquelle je commence toujours un chantier d'accessibilité e-commerce par le tunnel de commande. Le budget se justifie alors tout seul.

Le catalogue

Et si vous avez vingt mille produits ?

C'est le cas où l'exception de charge disproportionnée s'invoque le plus légitimement. Décrire manuellement chaque visuel d'un catalogue immense représente un coût sans commune mesure avec le bénéfice.

La solution habituelle tient en trois temps. Une génération automatique d'alternatives à partir des attributs du produit. Une reprise manuelle sur les références les plus consultées. Enfin, une évaluation écrite pour le reste.

Les exigences applicables sont listées dans la directive européenne 2019/882, et déclinées en tests par le référentiel français.

Cette évaluation obéit à des règles précises, détaillées dans notre article sur la charge disproportionnée. Invoquée sans dossier, elle se retourne contre vous.

Questions fréquentes

Accessibilité e-commerce : ce que me demandent les commerçants

Ma plateforme dit être accessible, cela suffit-il ?

Non. Une plateforme fournit un socle, votre thème et vos contenus font le reste. J'ai vu des boutiques échouer sur des libellés saisis par le commerçant lui-même, sur une plateforme irréprochable.

Dois-je refaire ma boutique entièrement ?

Presque jamais. Le tunnel de commande concentre l'essentiel des blocages, et se reprend sans toucher au catalogue. Une refonte complète ne se justifie que sur une boutique très ancienne.

Je vends uniquement à des professionnels, suis-je concerné ?

La directive vise les services fournis aux consommateurs. Une boutique strictement professionnelle sort de ce champ. Attention toutefois : si n'importe qui peut commander, l'argument tombe.

Par où commencer si mon budget est limité ?

Par l'étape 5, les coordonnées et la livraison. C'est là que se concentrent les abandons, pour les utilisateurs en situation de handicap comme pour les autres. Le retour sur investissement s'y mesure directement.

A lire ensuite

Qui verifie, et avec quelles competences

Qui teste un tunnel de commande

Un parcours d’achat releve du niveau le plus eleve de notre habilitation interne : il faut avoir valide clavier, contrastes, lecteur d’ecran et formulaires avant d’y toucher.

Faire auditer votre boutique

Le cadre de l’audit, ses trois paliers et le rapport remis. La reponse si vous voulez d’abord savoir ou en est votre site marchand.

Former l’equipe qui fait vivre le catalogue

Une fiche produit corrigee aujourd’hui redevient inaccessible au prochain import. Le format court destine aux personnes qui alimentent la boutique.

Bien choisir votre organisme

Les criteres a regarder au-dela du logo Qualiopi, quand vous comparez des offres de formation a l’accessibilite.

Testez votre tunnel avant de chiffrer

Passez une commande complète sur votre propre boutique, sans souris. Puis lancez notre dépistage automatique pour les écarts mesurables. Vous saurez alors ce qui relève du réglage, et ce qui relève du développement.

Contrôler ma boutique Faire auditer mon tunnel

L'obligation d'accessibilité, dans son ensemble Qui est concerné, depuis quand, et ce qu'il faut publier. Les critères RGAA expliqués Les treize thématiques, et le calcul du taux de conformité. Le test au clavier en cinq minutes Le protocole exact à appliquer sur votre tunnel de commande.