Mon site e-commerce est-il concerné par l’accessibilité en 2026 ?

Beaucoup de marchands en ligne pensent encore que l’accessibilité, c’est surtout une affaire de secteur public, de très gros groupes, ou de sites institutionnels.

En 2026, le sujet est beaucoup plus concret : est-ce qu’une personne peut réellement chercher un produit, choisir une variante, remplir un formulaire, ajouter au panier, payer et retrouver sa commande sans se battre avec votre interface ?

Le cadre réglementaire compte, bien sûr. Depuis le 28 juin 2025, le commerce électronique fait partie des services concernés par les nouvelles exigences européennes d’accessibilité. Mais je ne vais pas refaire ici un article juridique complet : nous avons déjà publié un article dédié à la loi européenne sur l’accessibilité.

Ici, je veux rester sur mon terrain : la boutique en ligne elle-même. Catalogue, filtres, variantes, formulaires, panier, checkout, compte client, mobile et tests. C’est là que l’accessibilité devient très vite un sujet d’UX et de conversion.

Si le cœur vous en dit, contactez nous pour échanger autour de l'accessibilité.

Mon site e-commerce est-il concerné en 2026 ? La réponse courte

Si votre boutique vend à des consommateurs, vous devez au minimum vérifier sérieusement votre situation.

Le commerce électronique fait partie des services visés par l’European Accessibility Act . En France, la DGCCRF contrôle notamment l’accessibilité du commerce électronique.

Mais pour éviter de mélanger deux intentions différentes, je fais une distinction très claire :

• Vous cherchez à comprendre la loi, les seuils, les exemptions et les sanctions ? Lisez notre article dédié au cadre réglementaire.
• Vous voulez savoir ce qu’il faut vérifier dans une boutique en ligne ? Restez ici.

C’est cette deuxième question qui m’intéresse dans cet article.

Le cadre légal en deux minutes, pas en vingt pages

Je garde volontairement cette partie courte parce que l’objectif de cet article n’est plus de dupliquer notre contenu réglementaire.

Depuis le 28 juin 2025, le commerce électronique B2C fait partie des services concernés. Des exemptions existent, notamment pour certaines microentreprises prestataires de services, ainsi que dans des situations de modification fondamentale ou de charge disproportionnée.

Le point important : une exemption éventuelle ne se déduit pas de l’âge de votre site, de votre CMS ou du fait que personne ne vous a encore écrit.

Et en 2026, le sujet est devenu très concret : la DGCCRF a indiqué avoir lancé depuis janvier 2026 une enquête spécifique sur l’accessibilité des sites internet et applications mobiles de commerce en ligne.

Les 7 zones e-commerce à tester en priorité

Quand j’analyse l’accessibilité d’une boutique, je ne commence pas par la page d’accueil. Je commence par le parcours qui mène à la vente.

1) Navigation et recherche

Le menu, la recherche interne, les suggestions, le fil d’Ariane et les résultats doivent pouvoir être compris et utilisés sans dépendre d’une souris ou d’un effet visuel.

À vérifier :

• navigation au clavier avec un focus visible ;
• ordre de tabulation logique ;
• intitulés de liens et boutons compréhensibles hors contexte ;
• recherche utilisable avec un lecteur d’écran ;
• aucun menu bloquant ou impossible à refermer au clavier.

2) Pages catégories et filtres

Les facettes sont une des zones qui cassent le plus vite. Prix, tailles, couleurs, marques, disponibilité, catégories… Un filtre très joli peut devenir un cauchemar dès qu’il dépend uniquement d’une icône ou d’une animation.

Je vérifie notamment :

• que chaque filtre a un nom compréhensible ;
• que son état sélectionné est annoncé autrement que par la couleur ;
• que le nombre de résultats mis à jour reste compréhensible ;
• qu’il est possible d’effacer un filtre au clavier ;
• que la pagination ou le chargement progressif ne fait pas perdre le contexte.

3) Fiches produits

C’est là que les choix deviennent sérieux : prix, promotion, stock, description, images, caractéristiques, variantes, quantité, livraison et bouton d’achat.

Une fiche produit accessible doit permettre de comprendre ce qui est vendu, combien cela coûte et comment le choisir, sans dépendre d’un code couleur ou d’une image seule.

4) Variantes : taille, couleur, finition, configuration

Le cas classique : cinq pastilles de couleur sans nom exploitable, une taille barrée uniquement visuellement, ou un message “indisponible” qui n’est jamais annoncé.

Pour moi, une variante doit avoir :

• un nom textuel ;
• un état sélectionné identifiable ;
• un état indisponible compréhensible ;
• une navigation clavier cohérente ;
• un impact sur le prix ou le stock clairement annoncé.

5) Formulaires

Compte client, adresse, code promo, newsletter, contact, livraison… Les formulaires sont partout.

Un placeholder n’est pas un label. Une bordure rouge n’est pas un message d’erreur. Et “champ invalide” ne dit pas à l’utilisateur ce qu’il doit corriger.

Je regarde :

• les labels ;
• les champs obligatoires ;
• les instructions ;
• les messages d’erreur ;
• le focus après validation ;
• l’autocomplétion lorsque c’est pertinent.

6) Panier et checkout

C’est le cœur du sujet commercial. Prix, quantités, frais, livraison, paiement, consentement, validation : tout doit rester compréhensible et actionnable.

Un checkout accessible ne doit pas obliger quelqu’un à deviner où se trouve l’erreur ou à recommencer le formulaire parce qu’un message a été affiché hors de son champ de perception.

7) Compte client et après-vente

L’accessibilité ne s’arrête pas au paiement. Le client doit pouvoir retrouver sa commande, lire son statut, télécharger un document, comprendre un remboursement ou utiliser un lien de suivi.

Catalogue, variantes, filtres : les pièges que beaucoup de boutiques sous-estiment

Je vais être un peu vieux de la vieille ici, mais tant pis : un site e-commerce qui néglige l’accessibilité néglige souvent aussi l’ergonomie de base.

Les problèmes que je rencontre le plus souvent ne sont pas toujours spectaculaires. Ils sont parfois plus sournois :

• des fiches produits longues, mal structurées et fatigantes ;
• des variantes couleur ou taille impossibles à comprendre sans la vue ;
• des boutons “voir”, “choisir”, “continuer” qui ne disent rien ;
• des erreurs de formulaire affichées en rouge mais pas expliquées ;
• des popups qui prennent l’écran et cassent le parcours ;
• des filtres de navigation à facettes très difficiles à utiliser ;
• des tunnels de commande qui demandent trop d’efforts cognitifs ;
• des interfaces mobiles serrées, confuses ou mal hiérarchisées.

J’ajoute deux points typiquement e-commerce.

Les promotions et prix barrés

Un ancien prix gris clair barré de 49 € et un nouveau prix rouge à 39 € peuvent sembler évidents visuellement. Mais l’information doit aussi rester compréhensible autrement. Le client doit pouvoir identifier le prix actuel, l’ancien prix et la nature de l’avantage.

Les images produits

Il ne s’agit pas de rédiger un roman dans chaque attribut alt. Il s’agit de distinguer :

• les visuels purement décoratifs ;
• les images utiles à la compréhension du produit ;
• les schémas ou guides de taille qui transportent une information indispensable ;
• les informations présentes uniquement sous forme d’image qu’il faut rendre accessibles autrement.

Panier et checkout : là où l’accessibilité devient commerciale

Je veux insister sur cette partie parce qu’elle différencie vraiment l’accessibilité e-commerce d’un audit de site éditorial.

Ajouter au panier

Après le clic, l’utilisateur doit comprendre que l’action a réussi. Si un mini-panier s’ouvre, le focus ne doit pas disparaître dans la nature. Si le stock change, l’information doit être annoncée.

Modifier une quantité ou supprimer un article

Les boutons “+” et “–” doivent avoir un sens exploitable. Supprimer un produit ne doit pas être un simple pictogramme de poubelle sans nom.

Choisir une livraison

Le nom, le tarif, le délai et l’état sélectionné doivent être compréhensibles. Si l’adresse déclenche de nouvelles options, le changement doit rester perceptible.

Payer

Carte bancaire, PayPal, paiement fractionné ou autre : les composants tiers ne sont pas hors sujet. Vous devez tester ce que vit réellement l’utilisateur dans votre tunnel, y compris lorsque le paiement ouvre une iframe, un composant externe ou une authentification supplémentaire.

Corriger une erreur

C’est l’un de mes tests préférés : je provoque volontairement une erreur. Champ vide, carte refusée, code postal incohérent, CGV non cochées. Puis je regarde si l’utilisateur sait immédiatement ce qui ne va pas, où aller et comment corriger.

Valider la commande

Le bouton final doit être clair et la confirmation doit être compréhensible. Numéro de commande, montant, prochaine étape et email de confirmation : aucune ambiguïté.

Un test terrain de 30 minutes avant l’audit

Je ne présente pas ce test comme un audit de conformité. Ce n’en est pas un. Mais il permet de repérer rapidement les grosses fissures.

Test 1 — Rangez la souris

Faites un parcours complet uniquement au clavier : recherche, filtre, fiche produit, variante, panier et début de checkout.

Test 2 — Zoomez

Agrandissez fortement la page. Vérifiez si le contenu reste exploitable, si les boutons ne se chevauchent pas et si une partie du checkout ne disparaît pas.

Test 3 — Provoquez des erreurs

Envoyez un formulaire vide. Entrez une donnée volontairement incorrecte. Vérifiez si l’erreur est expliquée et si vous savez où agir.

Test 4 — Supprimez mentalement la couleur

Si je ne vois plus le rouge, le vert, le gris ou le contour coloré, est-ce que je comprends encore le stock, l’erreur, la promotion, la variante sélectionnée ?

Test 5 — Testez le mobile

Pas juste la page d’accueil. Testez les filtres, les variantes, le panier, le choix de livraison et le paiement.

Test 6 — Prenez un lecteur d’écran

Même un test court permet de découvrir des choses très concrètes : boutons sans nom, titres incohérents, formulaires incompréhensibles, changements d’état silencieux.

Si plusieurs de ces tests deviennent pénibles, vous avez déjà de bonnes raisons de lancer un audit plus structuré. Cela peut être intégré à un audit digital ou à un chantier de création ou refonte e-commerce.

Conclusion

Si vous gérez une boutique en ligne, ne commencez pas par demander si votre page d’accueil “a l’air accessible”.

Prenez un produit réel. Passez par la recherche, les filtres, les variantes, le panier et le paiement. Testez le clavier. Provoquez des erreurs. Regardez ce qui se passe sur mobile.

C’est là que vous trouverez les problèmes qui comptent vraiment.

L’accessibilité e-commerce n’est pas seulement une question de conformité. C’est une question de parcours utilisable de bout en bout.

Si vous avez un doute, commencez par un pré-audit. Il permet de séparer rapidement les correctifs simples, la dette d’interface et les sujets qui demandent une vraie reprise de composants.

FAQ : accessibilité d’un site e-commerce

Faut-il tester uniquement la page d’accueil ?

Non. Sur un e-commerce, les zones les plus critiques sont souvent les pages catégories, les filtres, les fiches produits, les variantes, les formulaires, le panier et le checkout. L’audit doit suivre des scénarios d’achat complets.

Un site peut-il être accessible si son checkout ne l’est pas ?

Un checkout bloquant reste un problème majeur puisque l’utilisateur ne peut pas conclure son achat. Il faut donc tester l’ensemble du parcours et les composants tiers utilisés pour la livraison ou le paiement.

Un widget d’accessibilité suffit-il pour une boutique en ligne ?

Non. Un widget ne corrige pas à lui seul la structure HTML, les formulaires, les filtres, les variantes ou les erreurs du checkout. Les défauts doivent être corrigés dans les composants qui produisent réellement l’interface.

Faut-il rendre toutes les images produits extrêmement descriptives ?

Non. L’objectif est de transmettre l’information utile. Une image décorative et une photo indispensable pour comprendre une caractéristique du produit ne se traitent pas de la même façon.

Par quoi commencer sur une boutique déjà en production ?

Commencez par les scénarios à forte valeur : recherche, fiche produit, ajout au panier, checkout et compte client. Un pré-audit permet ensuite de prioriser les défauts bloquants avant les sujets moins critiques.