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

Points clés

• 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.
• Les accords juridiques aux États-Unis utilisent les WCAG 2.x AA comme référence ; se conformer aux WCAG 2.2 AA répond aux normes techniques visées par les réglementations américaines, européennes, britanniques, canadiennes et australiennes.
• Les poursuites liées à l’accessibilité continuent d’augmenter : plus de 4 000 plaintes web liées à l’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 correctifs qui tiennent la route juridiquement sont les modifications apportées au code source du thème.
• La plupart des échecs proviennent de six problèmes récurrents et faciles à corriger : un texte à faible contraste, un texte alternatif (alt text) manquant, des étiquettes de formulaire manquantes, des liens vides, des boutons vides et une langue de page manquante.

L’accessibilité est l’un des rares domaines où faire ce qui est juste et réduire les risques juridiques relèvent du même projet. Aux États-Unis, jusqu’à 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 finaliser leurs achats sont les mêmes que ceux récompensés par les tribunaux et les régulateurs.

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 à publier des vitrines accessibles et rapides. Nous évoluons dans l’univers Shopify depuis plus de quatre ans et nous développons Fudge, l’opérateur IA pour les boutiques Shopify, qui affiche une note de 4.9 sur le Shopify App Store. Notre position sur l’accessibilité rejoint le consensus des ingénieurs en accessibilité : corrigez le code, ne masquez pas le problème derrière un widget. Nous expliquons pourquoi tout au long de ce guide.

Shopify rend-il votre boutique conforme à l’ADA ?

Ce n’est pas la plateforme Shopify qui est poursuivie 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 gratuit Dawn de Shopify intègre du HTML sémantique, des liens d’évitement (skip links) et des indicateurs de focus visibles.² Mais un score Lighthouse de 90 n’équivaut pas à une conformité totale aux WCAG. L’évaluation automatisée ne vérifie qu’une fraction des critères de succès, donc aucun thème n’est garanti d’être conforme aux WCAG 2.2 AA par défaut.

C’est ce que vous ajoutez par-dessus qui détermine généralement si vous êtes conforme ou non : sections personnalisées, applications tierces, images sans texte alternatif, couleurs de marque à faible contraste, et modifications de contenu effectuées au fil des mois par des personnes qui ne pensaient pas à l’accessibilité. Shopify vous fournit une plateforme. Votre thème et votre contenu décident si la boutique est conforme. Pour une réponse ciblée sur la plateforme elle-même, consultez notre article Shopify est-il conforme à l’ADA ?

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

Si vous vendez au public en ligne, la législation sur l’accessibilité s’applique presque certainement à vous. Le volume de litiges rend cela très concret.

Plus de 4 000 poursuites liées à l’accessibilité numérique et à l’ADA ont été déposées aux États-Unis en 2024, et l’e-commerce ainsi que le commerce de détail étaient les cibles principales dans environ trois quarts des cas.³ Le nombre de plaintes est resté élevé tout au long de 2025.⁴ Il ne s’agit pas seulement de grandes marques. Des plaignants en série et un petit nombre de cabinets d’avocats sont à l’origine d’une grande partie de ce volume, commençant souvent par une lettre de mise en demeure qui se règle à l’amiable discrètement avant même de devenir une affaire publique.

Le détail qui dérange pour les propriétaires de boutiques : avoir un outil d’accessibilité installé ne vous protège pas. Environ 1 poursuite sur 4 en 2024 visait un site qui utilisait déjà un widget ou un overlay d’accessibilité.³

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), que les tribunaux considèrent comme couvrant les sites web en tant que « lieux d’accueil du public » (places of public accommodation). Il n’y a pas de réglementation fédérale qui précise les exigences techniques pour les entreprises privées, donc les accords à l’amiable et les jugements utilisent la norme WCAG 2.x AA comme référence de facto.

Les lois des États ajoutent des sanctions financières sévères. L’Unruh Civil Rights Act de Californie prévoit des dommages-intérêts légaux de 4 000 $ par infraction, et New York est systématiquement l’un des États où le volume de plaintes est le plus élevé du pays.⁵ Pour en savoir plus sur l’aspect juridique américain, y compris sur la façon dont les lettres de mise en demeure et les accords se déroulent généralement, consultez notre guide sur la conformité ADA des sites web.

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 2010 du Royaume-Uni, les réglementations provinciales et fédérales sur l’accessibilité du Canada, et le Disability Discrimination Act de l’Australie poussent tous vers les WCAG AA. Aucun d’entre eux n’entre en conflit avec la conformité aux WCAG 2.2 AA. Étant donné que la version 2.2 inclut les critères de la 2.1, s’y conformer permet de respecter la norme technique visée par ces régimes, c’est pourquoi nous recommandons de considérer les WCAG 2.2 AA comme votre objectif unique.

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 :

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

Lorsque les propriétaires de boutiques découvrent la législation sur l’accessibilité, la solution tentante est un overlay : un simple script fourni par un prestataire comme accessiBe, UserWay ou AudioEye qui promet de rendre votre site conforme automatiquement. Cela ne fonctionne pas, et cela peut même augmenter vos risques.

Un overlay est du JavaScript superposé à votre HTML existant. Il ne peut pas réécrire les problèmes sous-jacents, car les outils automatisés ne détectent et ne traitent qu’un sous-ensemble des problèmes WCAG. Les recherches de Deque estiment que les tests automatisés couvrent environ 16 des 50 critères de succès des WCAG 2.1 AA, soit environ un tiers, ce qui laisse la majorité intacte.⁹

La communauté de l’accessibilité a été catégorique à ce sujet. Plus de 1 000 professionnels de l’accessibilité, y compris des contributeurs aux WCAG eux-mêmes et des ingénieurs derrière les principaux lecteurs d’écran, ont signé l’Overlay Fact Sheet affirmant que les overlays ne sont pas fiables et ne permettent pas d’atteindre la conformité.¹⁰ La National Federation of the Blind les a condamnés.

Le bilan juridique est tout aussi clair. En 2025, la FTC a finalisé une amende de 1 000 000 $ contre accessiBe pour avoir affirmé de manière trompeuse que son widget pouvait rendre n’importe quel site web conforme aux WCAG.¹¹ Et comme noté plus haut, environ un quart des poursuites web liées à l’ADA en 2024 visaient des sites qui avaient déjà un widget installé.³ L’overlay n’a pas empêché la poursuite.

Nous couvrons cela en détail dans notre guide sur pourquoi les overlays d’accessibilité échouent. La version courte : un overlay est un coût récurrent qui cache le problème au lieu de le résoudre.

Comment auditer votre boutique Shopify

Un véritable audit combine des scans automatisés avec des vérifications manuelles, car les outils automatisés seuls ne suffisent pas.

Scan automatisé. Commencez avec un outil gratuit pour repérer les problèmes détectables par une machine : axe DevTools, WAVE ou Lighthouse (intégré à Chrome). Ceux-ci feront ressortir rapidement la plupart des six erreurs courantes. Si vous préférez lancer des scans depuis votre interface d’administration Shopify, notre sélection des meilleures applications d’accessibilité Shopify compare les applications de scan dédiées et explique lesquelles éviter.

Vérification manuelle. Étant donné que les outils automatisés ne peuvent tester qu’environ un tiers des critères WCAG, poursuivez avec une vérification manuelle :

• Naviguez dans l’intégralité du parcours d’achat en utilisant uniquement le clavier (Tab, Maj+Tab, Entrée). Pouvez-vous atteindre et utiliser chaque contrôle, y compris le panier et le checkout ?
• Activez un lecteur d’écran (VoiceOver sur Mac, le logiciel gratuit NVDA sur Windows) et essayez de finaliser un achat.
• Zoomez la page à 200 % et confirmez que rien n’est coupé ou ne se chevauche.

Pour la méthode complète, y compris l’échantillonnage des pages, les vérifications du lecteur d’écran et du contenu, et comment consigner ce que vous trouvez, consultez notre guide sur la réalisation d’un audit d’accessibilité de site web.

Comment bien corriger l’accessibilité

Chaque correctif durable passe par une modification du code de votre thème. C’est la partie que les superpositions (overlays) ignorent et celle qui satisfait réellement à la loi.

La plupart des correctifs sont simples une fois que vous savez où ils se trouvent :

• Ajouter un texte alt descriptif aux images de produits et de contenu.
• Ajouter des étiquettes accessibles (aria-label ou texte visible) aux boutons et aux liens ne contenant que des icônes.
• Associer chaque champ de formulaire à un <label>.
• Ajuster les couleurs de marque utilisées pour le texte jusqu’à ce qu’elles atteignent le ratio de contraste de 4.5:1 pour un texte normal.
• Définir l’attribut lang sur la page.
• S’assurer que les états de focus sont visibles et que l’ordre de navigation au clavier est logique.

C’est là que Fudge intervient. En tant qu’opérateur IA pour les boutiques Shopify, il peut auditer votre thème en ligne pour vérifier l’accessibilité à votre demande, puis corriger les problèmes trouvés directement en Liquid natif, CSS et JavaScript. Chaque correctif arrive sous forme de brouillon avec un aperçu, et rien n’est publié tant que votre équipe ne l’a pas approuvé. Étant donné que le résultat est du vrai code plutôt qu’une couche injectée, il est aussi robuste que le correctif d’un développeur, et il n’y a pas de script supplémentaire qui ralentit la page. Il se combine aussi naturellement avec des travaux connexes comme l’ajout de données structurées et l’édition générale de la boutique.

Le modèle que nous recommandons, et que Fudge suit, comporte trois étapes : identifier ce qui doit être corrigé, le corriger à la source, et auditer à nouveau après les mises à jour du thème et les modifications de contenu pour éviter qu’un changement 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