Les overlays d'accessibilité ne rendent pas votre boutique Shopify conforme

À retenir

• Un overlay d’accessibilité est un simple script qui promet une mise en conformité automatique. Il ne peut pas la tenir, car les outils automatisés ne couvrent qu’une fraction des directives WCAG.
• Plus de 1 000 professionnels de l’accessibilité ont signé une déclaration publique affirmant que les overlays ne sont pas fiables et ne permettent pas d’atteindre la conformité.
• La FTC a infligé une amende de 1 000 000 $ à accessiBe en 2025 pour avoir prétendu que son widget pouvait rendre n’importe quel site conforme aux WCAG.
• Les sites qui installent des overlays continuent d’être poursuivis. Environ 1 procès américain sur 4 lié à l’accessibilité web (ADA) en 2024 visait un site qui utilisait déjà un widget.
• La seule solution qui tient la route juridiquement est de modifier le code sous-jacent du thème. Trouvez les problèmes, corrigez-les à la source et surveillez les régressions.

Non : un overlay d’accessibilité ne rend pas une boutique Shopify conforme à l’ADA ou aux WCAG. Les overlays promettent la conformité grâce à une seule ligne de code, et parmi ces produits on retrouve accessiBe, UserWay, AudioEye et Accessibly. Certains fournisseurs sont plus honnêtes que d’autres sur ce qu’un widget peut réellement faire, mais le mécanisme, et ses limites, restent les mêmes.

La communauté de l’accessibilité a rejeté les overlays, les régulateurs les ont sanctionnés et les boutiques qui les utilisent continuent d’être poursuivies en justice.

Pourquoi vous pouvez nous faire confiance

Jacques a plus de 15 ans d’expérience en développement dans la création de vitrines accessibles, et nous avons passé plus de quatre ans dans l’écosystème Shopify. Nous développons Fudge, l’opérateur IA pour les boutiques Shopify, noté 4.9 sur le Shopify App Store, et il corrige les problèmes d’accessibilité directement dans le code natif du thème. Nous n’avons aucun overlay à vous vendre, et notre point de vue correspond au consensus de la communauté des ingénieurs en accessibilité, que nous citons tout au long de cet article.

Qu’est-ce qu’un overlay d’accessibilité ?

Un overlay d’accessibilité est un script JavaScript tiers que vous ajoutez à votre boutique. Il se charge par-dessus vos pages existantes et fait généralement deux choses : il affiche un menu d’accessibilité flottant (taille de police, contrastes, et autres widgets similaires), et prétend détecter et corriger automatiquement les problèmes d’accessibilité en arrière-plan.

Le marketing vend ce simple script comme une solution de conformité totale. La réalité technique, c’est que le script s’exécute par-dessus votre code HTML sans modifier le HTML sous-jacent.

Pourquoi les overlays ne peuvent pas vous rendre conforme

Le problème de fond est structurel. Un overlay est un code automatisé qui réagit à votre page une fois qu’elle est chargée. Il ne peut pas comprendre le contexte comme le ferait un humain, et il ne peut pas réécrire la source des problèmes.

Les outils automatisés ne voient qu’une partie du problème. En comptant par critères de succès, les outils automatisés peuvent tester environ 16 des 50 critères de niveau AA des WCAG 2.1, soit à peu près un tiers, selon le rapport de couverture d’accessibilité automatisée de Deque.¹ Le reste, comme déterminer si le texte alternatif est pertinent, si l’ordre de navigation au clavier a du sens et si un lecteur d’écran peut terminer l’achat, nécessite un jugement humain. Un overlay ne peut pas fournir ce jugement.

Les experts qui conçoivent l’accessibilité ont rejeté les overlays. Plus de 1 000 professionnels de l’accessibilité, dont des personnes ayant contribué aux directives WCAG elles-mêmes et des ingénieurs derrière les principaux lecteurs d’écran, ont signé la Overlay Fact Sheet, qui déclare clairement 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, et dans le sondage WebAIM 2021 auprès des praticiens de l’accessibilité, 67 % ont jugé les overlays peu efficaces ou pas du tout efficaces, un chiffre qui grimpe à 72 % chez les répondants en situation de handicap.

Les overlays peuvent dégrader l’expérience. Pour certains utilisateurs de lecteurs d’écran et de claviers, l’overlay interfère avec les technologies d’assistance qu’ils utilisent déjà, créant de nouveaux obstacles au lieu de les éliminer.

La réalité juridique : les overlays n’empêchent pas les procès

C’est la partie qui surprend le plus les propriétaires de boutiques. Installer un overlay ne vous protège pas, et dans un cas célèbre, le fournisseur lui-même a été sanctionné.

La FTC a infligé une amende d’un million de dollars à accessiBe. En 2025, la Federal Trade Commission a validé une ordonnance d’un million de dollars contre accessiBe pour avoir prétendu de manière trompeuse que son produit accessWidget pouvait rendre n’importe quel site web conforme aux WCAG, et pour avoir présenté des avis rémunérés comme étant indépendants.³ L’ordonnance interdit ces déclarations de conformité.

Les sites avec des overlays continuent d’être poursuivis. Environ 1 sur 4 des plus de 4 000 procès américains pour accessibilité web (ADA) déposés en 2024 visait un site qui avait déjà installé un widget ou un overlay d’accessibilité.⁴ Dans la célèbre affaire Murphy c. Eyebobs, un plaignant aveugle a poursuivi une boutique qui utilisait un overlay, et l’affaire s’est soldée par un accord.

Les propres conditions d’utilisation des fournisseurs d’overlays admettent souvent que l’installation du produit ne suffit pas en soi à respecter la loi. Si vous vous demandez encore si la plateforme elle-même vous couvre, consultez Est-ce que Shopify est conforme à l’ADA ?.

Ce qu’il faut retenir : un overlay est un abonnement récurrent qui vous donne un faux sentiment de sécurité, tandis que les problèmes sous-jacents, et l’exposition juridique, demeurent.

L’aspect confidentialité

Les overlays traitent souvent des informations sur la manière dont les visiteurs interagissent avec votre site, et certains essaient de détecter l’utilisation de technologies d’assistance. Cela soulève des questions de confidentialité, car l’utilisation de ces technologies peut révéler un handicap. La Overlay Fact Sheet signale ce point comme l’une des préoccupations récurrentes avec ce type d’outils.²

Ce qui marche vraiment : corriger le code

Toute correction durable de l’accessibilité passe par une modification du code natif du thème. C’est la partie que les overlays ignorent, et c’est la seule qui tient la route juridiquement.

Le modèle que nous recommandons, et celui que suit Fudge, comporte trois étapes :

1. Mettez en évidence ce qui doit être corrigé. Analysez la boutique pour trouver les vrais problèmes dans votre thème, qu’il s’agisse de texte à faible contraste, de libellés manquants ou de texte alternatif (alt text) absent. Pour la méthode complète, consultez notre guide sur la conformité ADA et WCAG pour Shopify.
2. Corrigez dans le code natif. Réparez les problèmes directement dans vos fichiers Liquid, CSS et JavaScript pour que la page elle-même soit accessible, et non masquée par un script. C’est ce que ferait un développeur, et ce que les tribunaux et les régulateurs reconnaissent.
3. Ré-auditez après les changements. L’accessibilité n’est pas réglée une fois pour toutes. Une future mise à jour du thème ou une modification du contenu peut réintroduire une erreur, alors relancez l’audit lorsque la boutique évolue.

Un overlay se superpose à un HTML cassé et vous le repayez chaque mois. Corriger le code élimine le problème, améliore l’expérience des vrais utilisateurs et reste corrigé de manière permanente.

Comment se débarrasser d’un overlay

Si vous en utilisez déjà un, la transition est simple :

• Réalisez un audit honnête de la boutique avec l’overlay désactivé, en utilisant un outil gratuit comme axe DevTools ou WAVE, plus un passage manuel au clavier et avec un lecteur d’écran. Si vous souhaitez qu’une application vous aide, notre comparatif des meilleures applications d’accessibilité Shopify sépare les véritables scanners des widgets overlay.
• Corrigez les problèmes dans le code de votre thème, en commençant par les six erreurs les plus courantes : texte à faible contraste, texte alternatif manquant, libellés de formulaire manquants, liens vides, boutons vides et langue de page manquante.
• Retirez le script de l’overlay et vérifiez qu’il n’y a eu aucune régression.
• Publiez une déclaration d’accessibilité décrivant votre objectif WCAG 2.2 AA et la marche à suivre pour signaler les problèmes.

Fudge peut lancer cet audit à votre demande, puis corriger ce qu’il trouve dans votre Liquid, CSS et JavaScript sous forme de brouillons que votre équipe peut prévisualiser avant toute mise en ligne. Relancez-le chaque fois que le thème change. C’est le même workflow sans le temps de développement manuel. Vous pouvez également gérer d’autres améliorations connexes comme éditer des pages existantes et ajouter des données structurées au même endroit.

FAQ