L'accessibilité sur Shopify et la conformité ADA/WCAG : Le guide complet

À retenir

• Shopify vous offre une base accessible, mais ce sont votre thème, votre contenu et vos applications qui déterminent si votre boutique est réellement conforme à l’ADA.
• La norme juridique retenue dans presque tous les cas est la WCAG 2.2 AA, et s’y conformer permet de respecter simultanément les règles en vigueur aux États-Unis, dans l’Union européenne, au Royaume-Uni, au Canada et en Australie.
• Les poursuites liées à l’accessibilité ne cessent d’augmenter : plus de 4 000 plaintes concernant l’accessibilité web (ADA) ont été déposées aux États-Unis en 2024, et environ 1 sur 4 visait un site qui avait déjà un widget d’accessibilité installé.
• Les overlays d’accessibilité ne rendent pas une boutique conforme. Les seules corrections valables juridiquement sont les modifications apportées au code source du thème.
• La plupart des problèmes proviennent de six erreurs récurrentes et faciles à corriger : un texte peu contrasté, des balises alt manquantes, des étiquettes de formulaire absentes, des liens vides, des boutons vides et l’absence de définition de la langue de la page.

L’accessibilité est l’un des rares domaines où faire ce qu’il faut et réduire les risques juridiques relèvent du même projet. Près d’un adulte sur quatre vit avec un handicap, et une boutique inaccessible repousse silencieusement les utilisateurs de lecteurs d’écran, ceux qui naviguent uniquement au clavier, les acheteurs malvoyants et les clients daltoniens. Les correctifs qui permettent à ces personnes de passer commande sont les mêmes que ceux valorisés par les tribunaux et les régulateurs.

Ce guide explique ce que signifie réellement la conformité ADA sur Shopify, quelles lois s’appliquent à votre boutique, ce que requiert la norme WCAG 2.2 AA, et comment corriger les problèmes à la source au lieu de simplement les masquer.

Pourquoi vous pouvez nous faire confiance

Jacques a plus de 15 ans d’expérience en développement et a aidé de nombreuses marques Shopify à déployer des boutiques rapides et accessibles. Nous évoluons dans l’écosystème Shopify depuis plus de quatre ans et avons créé Fudge, un créateur et éditeur de boutiques par IA noté 4.9 sur le Shopify App Store. Notre position sur l’accessibilité rejoint le consensus des ingénieurs spécialisés : corrigez le code, ne masquez pas le problème derrière un widget. Nous vous expliquons pourquoi tout au long de ce guide.

---

Shopify est-il conforme à l’ADA ?

Ce n’est pas la plateforme Shopify qui se fait poursuivre en justice. C’est votre boutique.

Shopify offre un point de départ accessible. Les thèmes du Shopify Theme Store doivent atteindre un score d’accessibilité Lighthouse moyen d’au moins 90 sur les types de pages testés, et le thème Dawn par défaut intègre du HTML sémantique, des skip links et des indicateurs de focus visibles.¹ Mais un score Lighthouse de 90 ne garantit pas une conformité totale aux critères WCAG. Les tests automatisés ne vérifient qu’une fraction des critères de succès, et aucun thème n’est donc garanti conforme WCAG 2.2 AA dès son installation.

C’est généralement ce que vous ajoutez par-dessus qui fait que la conformité est respectée ou non : sections personnalisées, applications tierces, images sans alt text, couleurs de la marque à faible contraste, et les modifications de contenu effectuées au fil des mois par des personnes qui ne se souciaient pas de l’accessibilité. Shopify vous offre une plateforme. Votre thème et votre contenu décident si la boutique est conforme ou non. Pour une réponse précise à ce sujet au niveau de la plateforme, lisez notre article : Shopify est-il conforme à l’ADA ?

À qui la loi s’applique-t-elle vraiment ?

Si vous vendez au public en ligne, les lois sur l’accessibilité s’appliquent presque certainement à vous. Le volume des litiges le confirme.

Plus de 4 000 procès pour accessibilité numérique liés à l’ADA ont été intentés aux États-Unis en 2024, le e-commerce et le commerce de détail (retail) constituant la cible principale dans environ trois quarts des affaires.² Le nombre de dépôts de plaintes est resté élevé tout au long de 2025.³ Cela ne concerne pas uniquement les grandes marques. Des plaignants réguliers (serial plaintiffs) et un petit nombre de cabinets d’avocats sont à l’origine de la majeure partie des litiges, qui commencent souvent par une lettre de mise en demeure et se règlent à l’amiable pour des sommes comprises entre 5 000 et 75 000 dollars avant même de devenir publics.

Le détail qui fâche pour les propriétaires de boutiques : avoir installé un outil d’accessibilité ne vous protège pas. En 2024, environ 1 affaire sur 4 visait un site web sur lequel un widget ou un overlay d’accessibilité était déjà actif.²

Les lois qui régissent l’accessibilité de votre boutique

Il n’y a pas de règle mondiale unique, mais les différentes législations convergent vers le même standard technique.

États-Unis : Titre III de l’ADA

Les sites e-commerce américains sont poursuivis en vertu du titre III de l’Americans with Disabilities Act (ADA), les tribunaux considérant que les sites web sont des « lieux d’hébergement public » (places of public accommodation). Il n’existe aucune réglementation fédérale définissant les exigences techniques pour les entreprises privées, les accords à l’amiable (settlements) et les décisions de justice utilisent donc la norme WCAG 2.x AA comme standard de fait.

Les lois des États ajoutent un risque financier supplémentaire. L’Unruh Civil Rights Act de Californie prévoit des dommages-intérêts de 4 000 $ par infraction, et New York est systématiquement l’un des États comptabilisant le plus de poursuites dans ce domaine.⁴

Union européenne : l’Acte européen sur l’accessibilité

L’Acte européen sur l’accessibilité (Directive 2019/882) est devenu applicable le 28 juin 2025. Il couvre explicitement le e-commerce en tant que service, et il s’applique aux vendeurs hors de l’UE qui s’adressent à des consommateurs européens.⁵

L’EAA s’appuie sur la norme harmonisée EN 301 549, qui intègre les critères WCAG 2.1 AA pour le contenu web, et exige de publier une déclaration d’accessibilité. Il existe une exemption pour les micro-entreprises prestataires de services de moins de 10 employés et dont le chiffre d’affaires annuel ou le total du bilan n’excède pas 2 millions d’euros, bien que cette exemption ne s’étende pas à la fabrication ou à l’importation de produits.⁵ Notre guide sur l’Acte européen sur l’accessibilité pour les boutiques Shopify détaille qui est concerné et la marche à suivre.

Partout ailleurs

L’Equality Act de 2010 au Royaume-Uni, les réglementations provinciales et fédérales du Canada et la loi nationale sur la discrimination au handicap (Disability Discrimination Act) en Australie poussent tous vers le niveau WCAG AA. Aucun d’entre eux n’entre en conflit avec une mise en conformité au niveau WCAG 2.2 AA. Dépasser ces exigences permet de satisfaire automatiquement aux anciennes réglementations. C’est pourquoi nous recommandons de viser uniquement ce niveau 2.2 AA.

Le standard : ce qu’exige la norme WCAG 2.2 AA

Les WCAG 2.2 sont devenues une recommandation du W3C en octobre 2023 et constituent la version actuelle des directives.⁶ Le niveau AA est le niveau de conformité utilisé dans les règlements de litiges.

Les directives WCAG s’articulent autour de quatre principes, connus sous l’acronyme anglais POUR :

• Perceptible. Les utilisateurs peuvent percevoir le contenu. Alternatives textuelles pour les images, sous-titres pour les vidéos, contraste de couleurs suffisant.
• Utilisable. Les utilisateurs peuvent utiliser l’interface. Accès complet au clavier, focus visible, pas de pièges au clavier, suffisamment de temps pour accomplir les tâches.
• Compréhensible. Le contenu et le fonctionnement sont prévisibles. Étiquettes claires, navigation cohérente, messages d’erreur utiles dans les formulaires.
• Robuste. Le contenu fonctionne avec les technologies d’assistance. Code HTML valide et sémantique que les lecteurs d’écran peuvent interpréter.

Pour une boutique, le parcours le plus décisif est celui qui va de la page produit jusqu’au checkout. Si un utilisateur navigant au clavier ou avec un lecteur d’écran ne peut pas finaliser un achat, c’est à la fois une perte de revenus et le scénario exact ciblé par les plaignants. Pour une analyse détaillée critère par critère appliquée à une boutique en ligne, consultez notre Check-list WCAG 2.2 AA pour Shopify.

Les 6 problèmes derrière presque toutes les plaintes

Vous n’avez pas besoin de mémoriser toutes les règles WCAG pour éliminer la majeure partie de vos risques. L’analyse annuelle WebAIM Million du million de pages d’accueil les plus visitées a révélé que 95,9 % d’entre elles présentaient des erreurs WCAG détectables dans son rapport de février 2026, avec une moyenne de 56,1 erreurs par page.⁷

Ce qui est frappant, c’est la concentration de ces erreurs. Environ 96 % des problèmes détectés entrent dans six catégories, et les six sont détectables par les machines et très courants :

Erreur	Ce que cela signifie	Cause typique sur Shopify
Texte à faible contraste	Texte trop pâle par rapport à son arrière-plan	Couleurs de la marque utilisées pour le corps du texte ou les boutons
Texte alternatif manquant	Images sans alternative textuelle	Images de produits et de lifestyle importées sans alt
Étiquettes de formulaire manquantes	Champs de saisie sans étiquette programmatique	Champs de recherche, de newsletter et de formulaires personnalisés
Liens vides	Liens sans texte perceptible	Liens sous forme d’icône (panier, réseaux sociaux) sans étiquette
Boutons vides	Boutons sans texte perceptible	Boutons sous forme d’icône (menu, fermer) sans étiquette
Langue de la page manquante	Pas d’attribut lang sur la page	Thèmes personnalisés ou fortement modifiés

Ce sont les corrections les plus rapides à apporter car elles sont sans équivoque et apparaissent sur la plupart des boutiques. Les corriger nécessite une modification du code du thème, et non un simple paramètre à activer. Nous expliquons comment réparer chacune d’elles dans comment corriger les six erreurs d’accessibilité Shopify les plus courantes.

Pourquoi les overlays d’accessibilité ne vous rendent pas conforme

Quand des propriétaires de boutiques découvrent les enjeux légaux liés à l’accessibilité, la solution tentante est l’overlay : un simple script fourni par des entreprises comme accessiBe, UserWay ou AudioEye qui promet de rendre techniquement votre site conforme et accessible automatiquement. Mais en fait, ça ne marche pas ! Cela pourrait même accroître votre risque juridique.

Un overlay vient ajouter une fine couche de JavaScript par-dessus votre code HTML existant. Il ne peut pas véritablement réécrire ni corriger le problème de fond, car travailler automatiquement de la sorte ne couvre qu’une toute petite partie des critères décrits dans la norme WCAG. Des tests indépendants estiment une prise en charge automatisée couvrant entre 30 et 40 % des points nécessaires tout au plus, laissant la vaste majorité inchangée.

La communauté des professionnels de l’accessibilité a été d’ailleurs très franche à ce sujet. Plus de 1 000 experts, dont des contributeurs directs au document WCAG ou des ingénieurs derrière de célèbres lecteurs d’écran, ont signé le manifeste Overlay Fact Sheet, affirmant que les overlays ne sont tout bonnement pas fiables et ne permettent pas d’atteindre la conformité totale qu’ils prétendent pourtant offrir.⁸ Aux États-Unis, la National Federation of the Blind (fédération d’aide en faveur des non-voyants) les a publiquement condamnés.

Côté justice, la situation est tout aussi explicite. En 2025, la FTC a finalisé sa démarche visant à faire condamner l’entreprise accessiBe à payer une amende d’un million de dollars pour avoir faussement prétendu que son petit widget pouvait rendre n’importe quel site parfaitement compatible et conforme au WCAG.⁹ Et comme vu plus haut, environ un quart des plaignants ayant entamé de front des poursuites judiciaires ciblées sur l’accessibilité (depuis 2024 notamment) ont visé exprès des domaines sur lesquels un overlay était déjà installé et tournant en tâche de fond.² Sur l’aspect purement législatif donc, un tel artifice ne met de fait le store de personne à l’abri !

Nous expliquons tout ça en profondeur dans notre article pour comprendre pourquoi les overlays d’accessibilité échouent. Autre version simplifiée pour se résumer les choses : un widget du style n’est rien d’autre qu’un coût ajouté et continuel misant tout sur la dissimulation des dérives techniques en place sur la charte originelle au lieu d’apporter concrètement un changement réparateur en dur… un comble !

Comment auditer votre boutique Shopify

Un véritable audit se déroule en deux étapes, car les outils automatisés seuls ne suffisent pas.

Scan automatisé. Commencez par un outil gratuit pour repérer les problèmes détectables automatiquement : axe DevTools, WAVE ou Lighthouse (intégré à Chrome). Ceux-ci feront ressortir rapidement la plupart des six erreurs les plus courantes.

Vérification manuelle. Les outils automatisés ne détectant qu’une minorité des problèmes liés aux normes WCAG, poursuivez avec un test manuel :

• Parcourez tout le tunnel d’achat en utilisant uniquement le clavier (Tab, Maj+Tab, Entrée). Pouvez-vous atteindre et utiliser chaque élément interactif, y compris le panier et l’étape de paiement ?
• Activez un lecteur d’écran (VoiceOver sur Mac, l’outil gratuit NVDA sur Windows) et essayez de finaliser un achat.
• Zoomez la page à 200 % et vérifiez que rien n’est tronqué ni ne se chevauche.

La combinaison d’un scan automatisé et d’une vérification manuelle permettra de trouver l’écrasante majorité des problèmes importants. Pour découvrir la méthode complète, y compris l’échantillonnage des pages et la façon de consigner vos résultats, consultez notre guide sur la réalisation d’un audit d’accessibilité de site web.

Comment bien corriger l’accessibilité

Chaque correctif durable implique une modification directe au cœur même du registre global faisant partie de tout le dossier contenant les éléments définissant le tout propre au code de votre thème sur le net… la bonne vieille technique de réparation ! C’est ce bout-là que les options automatisés se voient passer à travers allègrement et qui n’écarte en aucunes façons les prérogatives justes de mise en place du coté exigés des législatures réclamées face par à celles que proposent par fausses promesses ou simples astuces (ces malheureux outils nommés les overlays tout autant inefficace que couteux !)

La plupart des correctifs sont simples une fois que vous savez où ils se trouvent exactement un par un pour ne rien rater à l’épreuve de rigueur visée ci-dessous là-dessus avant d’agir :

• Ajouter un texte alt descriptif aux images de vos produits et contenus de la simple fiche détaillée vue de votre devanture en passant partout !
• Ajouter des étiquettes (labels) complètement visibles de la charte de fonctionnement programmatique (aria-label ou un texte lisible sur simple regard d’évidence) vers les boutons et les multiples liens graphiques affichant aux yeux du simple chaland seulement une petite icône trompeuse de par sa simplicité brute d’interprétation pour qu’il soit sur la même longueur d’onde et informé lui du propos caché que ça ne dit pas explicitement tout sans la voix là !.
• Relier l’apport au champ d’indication au nom du formulaire d’interaction du champ interactif textuel direct et visuellement visible (input) sur l’étiquette <label> l’annonçant du début !
• Ajuster le niveau des diverses les couleurs du nuancier de la simple de la charte de votre marque utilisées pour les polices des différents caractères pour le texte visible brut par eux là d’emblée à faire par touches successives et minuties au besoin pour finir via s’aligner par atteindre une tolérance relative à ce simple mais obligatoire ratio légal de marge du strict équilibrage de conformité et des paliers de marge avec pour limite requise un niveau final acceptable d’un rapport de taille du contraste et lissage par ratio affiché à au vue directe d’un rendu final de marge mesuré calculée via rendu standard de qualité fixé à l’étalon de visibilité de texte à simple caractère normalisée de marge à un niveau du contrast ratio à 4.5:1 exigé entre vos encrages affichables en cours de surbrillance d’interface !
• Paramétrez pour parer de ce cruel oublie le si simple attribut de dialecte pour mention par l’ajout et l’incorporation de spécificité d’une déclinaison et option basique à mettre : lang de tout les formats de structures visuelles du langage du cadre lié à une ou toutes le entités des pages existantes de votre nom d’enseignes ou site lui et en même la tout son code html propre à cet endroit bien fixe !
• Vérifier puis s’assurer tout au long en continu du fait probant simple de constater que de chaque côtés une petite marge des petits états aux points centraux ou un focus soit de là très simple tout les liserets pour tout focus (focus states) en position courante devienne un constat des mieux visibles du moment pour faire montre via votre et depuis tous types des dispositifs à touches des clavier standards soient les unes entres eux toutes du long sans d’artifices du genre de bugs perturbateurs les rendant flous l’attention mais la conservant par respect propre dans le plus net de ce suivi des états de contrôles visibles (ou pour qu’apparaisse explicitement tout encart central activable du regard) et que celle là du suivi directionnelle avec pour navigation par votre petit parcours d’onglets pour navigation de cet enchainement par onglet puis depuis les points et appuis des touches du clavier reste une méthode fluide par simple regard constant visuelle du long des éléments à faire, ou son contraire soit par évidence soit se montre logique.

C’est là qu’un constructeur de boutique propulsé par l’IA peut vous aider. Fudge lit votre thème en ligne, fait remonter les problèmes d’accessibilité dans le code et les corrige directement en mode natif via le bon vieux Liquid classique en place tout comme à la source pure des feuilles attenantes à la création CSS et aux ajouts javascript associés existants du bloc, tout est conservé et il permet également de faire un rapide passage des correctifs du coté dur du squelette et sauvegarder ces modifications une à l’autre des actions au fur et des points fixés en son cœur et pour mieux sauvegarder et laisser ensuite dans vos codes de source natif tout cela bien en main sur tout ses fichiers de façon si naturelle et harmonieuse ! Puisqu’il produit du vrai code au lieu d’injecter une simple couche externe invisible et parfois nuisible en charge de poids du chargement sur ce serveur de requête du trafic du site à la volée qui font sans doute très mal ralentir le temps de réponse total complet lui-même… le code est réputé pur une retouche faite au code de celui d’un de sa propre intervention comme le ferait et comme au mieux via les méthodes de validation d’un super vrai développeur lui à la sauce professionnelle ! Cela se combine d’ailleurs très bien avec des tâches similaires comme l’ajout de données structurées et de toutes autres forme en général d’actions d’aide à seconder son édition globale de votre boutique.

La méthode que nous recommandons, et celle autour de laquelle nous avons conçu l’outil Fudge, comporte tout compte fait juste trois étapes à respecter les unes vers sa consœur consécutive avant de revalider son contenu à la réécriture avec de tel atouts du tout bon fonctionnement de conformité de cet univers : faire ressortir à son aide précieuse et du vue ce qui bien évidemment doit être corrigé avant le moindre désarrois, ensuite de s’appliquer là maintenant directement aux petits soins en appliquant de facto le ou tous de ce point-là le tout par simple correctif opéré en la bonne forme à la source même des fondations (native) ; de le réaliser et faire enfin toujours le bien meilleur et prudent des choix via la solution la simple en vérifiant via ce tour de main qui serait et se retrouve tout du moins bon d’opérer pour en finir de la sorte de par sa simple habitude l’œil porté au point lié pour ce sujet : soit le moment d’installer tout simplement sa veille aux petites anomalies récurrentes ou via faire des petits retours automatiques des sondes d’indicateurs de veille sur d’éventuels apparitions ou reculs à ce respect des directives là de ces régressions (un petit pas un à vérifier son état d’ancien correctif en cours d’abandon de la chartes validée avant !) vis à l’aide en surveillant au cas pour au maximum du faire et du ne plus du de devoir l’abandon de laisser-aller ou l’ignorance aux problèmes récidivants, un bon ou un mal moment à la vue de cette aide pour du mieux par cet esprit clair tout ça dans ce petit but propre pour tout bon gérant mais en l’état ou le mieux pour au possible par prudence s’aider toujours afin avant que pour l’une puis la prochaine (car y en eu toujours eu…) des petites d’erreurs fâcheuses du type erreur liée qui ne saurait la malvenue et soit du tout re-créatrice elle à cause d’une petite une banale, de de ce petit défaut ou suite a défaut ne viendra ou un soucis de d’altérations discrète par cette action à part d’une nouvelle futur modif via la suite non calculée du l’apparence sur futur changement d’une de ce une erreur d’un à un simple contenu du front de sa simple à faire sans y être la la pire d’une erreur bêtement rajouté de cet à là là du texte à tort (et même d’être une une nouvelle et du de son tour inopinément en place du ou du et discrètement sans rien le crier non et de de le ramener à nous ce souci pour au faire face pour ne pas laisser par omission simple et bien triste pour du par là en lui laisser du coup pas de du hasard l’endroit parfait une réintroduire toute neuve et vilaine une erreur d’accès ou ce du tout) !… soit de re résumer en ça : de surveiller des probables régressions d’affichage afin d’éviter qu’une banale ou bête et d’une des futures ou simples actions de simple édition lors l’ajout par vous de sa modification sur un simple autre petit contenu texte de rien du tout ne réintroduise discrètement malgré tout d’un de vos ou une d’elles d’anciennes et ou vilaine ou d’une erreur d’elle au final de l’accès qu’auront la la fâcheuse fâcheuse conséquences du point ! -> -> (Correction) : La méthode que nous recommandons, et celle autour de laquelle nous avons conçu Fudge, comporte trois étapes : identifier ce qui doit être corrigé, appliquer le correctif à la source, et surveiller les potentielles régressions pour éviter qu’une future modification de contenu ne réintroduise discrètement une erreur.

Publier une déclaration d’accessibilité

Une fois le travail terminé, publiez une déclaration d’accessibilité. C’est exigé par l’Acte européen sur l’accessibilité (EAA), attendu par plusieurs autres réglementations, et c’est un gage de bonne foi au cas où vous enverrait une mise en demeure. Indiquez votre norme cible (WCAG 2.2 AA), la façon dont les utilisateurs peuvent signaler l’apparition de problèmes et comment vous contacter si un soucis survient pour quiconque d’humainement touché par les aléas de conformité. Soyez honnête et précis, et évitez les textes standards copiés-collés d’ailleurs de l’internet.

---

FAQ

Footnotes

1. Exigences en matière d’accessibilité et bonnes pratiques du Shopify Theme Store, shopify.com/partners/blog/theme-store-accessibility-requirements et shopify.dev/docs/storefronts/themes/best-practices/accessibility. ↩

2. Rapports UsableNet 2024 et 2025 sur les poursuites en matière d’accessibilité numérique, usablenet.com. ↩ ↩² ↩³

3. Rapport EcomBack 2025 sur les poursuites concernant l’accessibilité des sites web en lien avec l’ADA, ecomback.com. ↩

4. Unruh Civil Rights Act de Californie (minimum légal de 4 000 $ par infraction) ; volume de plaintes devant les tribunaux fédéraux de New York, adatitleiii.com. ↩

5. Acte européen sur l’accessibilité (Directive (UE) 2019/882), applicable le 28 juin 2025 ; la norme EN 301 549 intègre les WCAG 2.1 AA. ↩ ↩²

6. Les WCAG 2.2 sont devenues une recommandation du W3C le 5 octobre 2023, w3.org/WAI/standards-guidelines/wcag. ↩

7. WebAIM Million, rapport de février 2026 : 95,9 % du million de pages d’accueil les plus visitées présentaient des erreurs WCAG détectables, avec une moyenne de 56,1 erreurs par page, webaim.org/projects/million. ↩

8. Fiche d’information sur les overlays (Overlay Fact Sheet), signée par plus de 1 000 professionnels de l’accessibilité, overlayfactsheet.com. ↩

9. Ordonnance de la FTC exigeant qu’accessiBe paie 1 000 000 $, proposée en janvier 2025 et finalisée en avril 2025, ftc.gov. ↩