Overlays d’accessibilité et corrections du code source

Un overlay d’accessibilité est un script qui modifie les pages d’une boutique dans le navigateur du visiteur, une fois celles-ci chargées. Une correction du code source modifie les templates, les styles ou les scripts de la boutique : la page corrigée est alors celle que le serveur envoie à chaque navigateur et à chaque outil.

Dernière mise à jour :

Quelle différence y a-t-il entre un overlay et une correction du code source ?

La différence entre un overlay d’accessibilité et une correction du code source tient à l’endroit où la modification est faite. Un overlay modifie la page dans le navigateur de chaque visiteur ; une correction du code source modifie les fichiers à partir desquels la page est construite.

Overlay d’accessibilité
Un script ajouté aux pages d’une boutique, qui modifie chaque page dans le navigateur du visiteur une fois celle-ci chargée. Le script peut ajouter ou modifier des attributs, du texte et des styles, et il peut ajouter ses propres éléments d’interface. Hormis la référence qui charge le script, le code même de la boutique reste inchangé.
Correction du code source
Une modification des templates, des feuilles de style ou des scripts de la boutique elle-même : les fichiers à partir desquels le serveur construit chaque page. Une fois la modification en ligne, la page corrigée est celle que le serveur envoie.

Que modifie un overlay ?

Un overlay d’accessibilité modifie la page dans le navigateur du visiteur, et seulement là. Son script se charge avec la page, lit ce que le navigateur a construit à partir du HTML de la boutique, puis le modifie, de nouveau à chaque affichage de page, dans chaque navigateur qui charge et exécute le script.

Détails : les réparations qui demandent des informations que la page ne contient pas

Certaines réparations demandent des informations que la page ne contient pas, par exemple ce qu’une photo de produit est censée faire comprendre à un client. Le script ne peut pas les lire dans la page : il doit les déduire, ou ajouter un texte que quelqu’un a saisi chez le prestataire. Dans les deux cas, le résultat n’existe que dans les navigateurs qui exécutent le script.

Que ne corrige pas un overlay d’accessibilité ?

Un overlay d’accessibilité ne corrige pas le code qui produit un échec. Les fichiers du thème et le HTML que le serveur envoie restent tels qu’ils étaient, hormis la référence qui charge l’overlay, et un navigateur ou un outil qui n’exécute pas le script reçoit la page avec ses échecs d’origine.

Ce qu’un overlay laisse tel quel

  • Les fichiers du thème.

  • Le HTML que le serveur envoie.

  • Ce que reçoit un navigateur ou un outil sans le script.

  • La page avant l’exécution du script.

  • La page une fois le script retiré.

  • Tout ce dans quoi le script ne s’exécute pas.

Détails : ce qu’un overlay laisse tel quel, point par point

Un overlay d’accessibilité ne corrige pas le code qui produit un échec. Tout ce à partir de quoi la page est construite reste tel quel, de même que toute copie de la page que le script n’atteint pas :

  • Les fichiers du thème. Les templates, les feuilles de style et les scripts de la boutique restent tels qu’ils étaient, hormis la référence qui charge l’overlay.
  • Le HTML que le serveur envoie. Il est identique à ce qu’il était, hormis cette référence.
  • Ce que reçoit un navigateur ou un outil sans le script. Un navigateur dont JavaScript est désactivé, un navigateur dans lequel le script est bloqué ou ne parvient pas à se charger, et un outil qui lit le HTML sans exécuter de scripts reçoivent tous la page avec ses échecs d’origine.
  • La page avant l’exécution du script. Tant que le script ne s’est pas chargé et n’a pas fait ses modifications, la page est telle que le code de la boutique la livre.
  • La page une fois le script retiré. Lorsque l’overlay est désactivé ou retiré, les pages sont telles qu’elles étaient avant son ajout.
  • Tout ce dans quoi le script ne s’exécute pas. Un PDF, un e-mail de la boutique, ou une page d’un autre domaine qui ne charge pas le script, comme une page de paiement hébergée en externe.

Comment le vérifier sur n’importe quelle boutique ?

Un navigateur ordinaire sur ordinateur suffit pour voir où une modification a été faite, sans accès au code de la boutique : comparez le code source avec la page affichée, bloquez le script de l’overlay et rechargez la page, ou demandez à voir la modification dans le code.

Trois vérifications
  1. Comparer le code source avec la page affichée. La commande « Afficher le code source de la page » du navigateur montre le HTML que le serveur a envoyé. L’inspecteur d’éléments des outils de développement du navigateur montre la page une fois ses scripts exécutés. Un attribut ou un texte qui n’apparaît que dans l’inspecteur a été ajouté par un script après le chargement de la page.
  2. Bloquer le script de l’overlay. Bloquez l’adresse d’où le script se charge, par exemple avec le blocage de requêtes des outils de développement du navigateur, puis rechargez la page. Ce qui reste est la boutique telle que son propre code la livre.
  3. Demander à voir la modification dans le code. Une correction du code source est une modification d’un fichier du thème, qu’un développeur peut vous montrer, avec sa date. Une modification faite par un overlay ne se trouve pas dans les fichiers du thème.

Que disent les autorités et les chiffres des actions en justice sur les overlays ?

En avril 2025, la Federal Trade Commission des États-Unis a approuvé une ordonnance définitive interdisant à une entreprise qui vend un plug-in d’accessibilité automatisé de prétendre, sans preuves, que ses produits peuvent rendre n’importe quel site web conforme aux WCAG. Selon les organismes allemands de contrôle des sites publics, les outils d’overlay ne peuvent actuellement pas rendre pleinement accessible un site web qui présente des obstacles.

  • Federal Trade Commission des États-Unis, 22 avril 2025

    Une ordonnance définitive visant une entreprise qui vend un plug-in d’accessibilité automatisé

    Elle interdit à l’entreprise de prétendre que ses produits automatisés peuvent rendre n’importe quel site web conforme aux WCAG, ou le maintenir conforme dans la durée, lorsqu’elle ne dispose pas des preuves qui étayent cette affirmation.

  • Organismes de contrôle allemands, évaluation commune révisée en mars 2025

    Les outils d’overlay ne peuvent actuellement pas rendre pleinement accessible un site web qui présente des obstacles

    Leur usage peut créer des obstacles supplémentaires. L’évaluation concerne les sites web des organismes publics relevant de la directive (UE) 2016/2102 sur l’accessibilité des sites web.

  • UsableNet, États-Unis, 2024

    1 023 entreprises dont le site web comportait un widget d’accessibilité actif ont fait l’objet d’actions en justice

    Une action en justice est une demande, pas un jugement : ce chiffre ne dit donc rien de l’issue des affaires.

Source : Federal Trade Commission des États-Unis, communiqué de presse du 22 avril 2025 ; BFIT-Bund, évaluation commune des organismes de contrôle (en allemand) ; UsableNet, 2024 Year-End ADA Web Lawsuit Report

La Federal Trade Commission des États-Unis, ordonnance définitive du 22 avril 2025

Le 22 avril 2025, la Federal Trade Commission (FTC) des États-Unis a approuvé une ordonnance définitive par consentement (final consent order) visant une entreprise qui vend un plug-in d’accessibilité automatisé pour sites web. La plainte de la FTC, proposée en janvier 2025, alléguait que, contrairement aux affirmations de l’entreprise, le plug-in ne rendait pas conformes aux WCAG tous les sites web qui l’utilisaient.

L’ordonnance interdit à l’entreprise de prétendre que ses produits automatisés peuvent rendre n’importe quel site web conforme aux WCAG, ou le maintenir conforme dans la durée, lorsqu’elle ne dispose pas des preuves qui étayent cette affirmation. Elle lui interdit aussi de présenter comme des opinions indépendantes des avis, des billets de blog ou des articles consacrés à ses produits lorsqu’ils n’en sont pas, et elle l’oblige à verser 1 million de dollars américains. Source : le communiqué de presse de la FTC du 22 avril 2025.

Les organismes de contrôle allemands de l’accessibilité des technologies de l’information, mars 2025

Les organismes de contrôle de l’État fédéral et des Länder allemands pour l’accessibilité des technologies de l’information (Überwachungsstellen des Bundes und der Länder) indiquent dans une évaluation commune que les outils d’overlay ne peuvent actuellement pas rendre pleinement accessible un site web qui présente des obstacles, et que leur usage peut créer des obstacles supplémentaires. L’évaluation a été révisée en mars 2025. Elle est publiée par le BFIT-Bund, l’organisme de contrôle fédéral. Sa phrase clé, dans l’allemand d’origine : « Aktuell sind Overlay-Tools nicht in der Lage, einen Webauftritt, der Barrieren aufweist, vollständig barrierefrei darzustellen » (actuellement, les outils d’overlay ne sont pas en mesure de rendre pleinement accessible un site web qui présente des obstacles).

L’évaluation ajoute que des outils d’overlay et des technologies d’assistance utilisés en même temps peuvent interférer entre eux, ce qui peut rendre le site web difficile, voire impossible, à utiliser pour les personnes handicapées. Elle concerne les sites web des organismes publics relevant de la directive (UE) 2016/2102 sur l’accessibilité des sites web (Web Accessibility Directive) : un tel site n’est accessible que s’il satisfait aux exigences sans outil d’overlay. Source : l’évaluation commune sur bfit-bund.de, en allemand.

Actions en justice aux États-Unis contre des entreprises dotées d’un widget (UsableNet, 2024)

Ces chiffres viennent des États-Unis. UsableNet, qui publie des rapports sur les actions en justice relatives à l’accessibilité numérique aux États-Unis, indique qu’en 2024, 1 023 entreprises dont le site web comportait un widget d’accessibilité actif ont fait l’objet d’actions en justice. Une action en justice est une demande, pas un jugement : ce chiffre ne dit donc rien de l’issue des affaires. Source : le rapport de fin d’année 2024 d’UsableNet sur les actions en justice relatives à l’accessibilité web aux États-Unis.

Quelle est l’alternative à un overlay d’accessibilité ?

L’alternative à un overlay d’accessibilité est une correction du code source, apportée au fichier qui produit l’échec, comme un template, une feuille de style ou un script. Une fois la modification en ligne, le balisage et les styles corrigés font partie de ce que le serveur envoie ; ils atteignent donc chaque visiteur, chaque navigateur et chaque outil.

Validiscan livre ses corrections de cette façon

  • Sous la forme d’une modification que vous pouvez relire.

  • Rien ne change sur la version en ligne de votre boutique tant que vous n’avez pas décidé.

  • Dans les fichiers qui causent l’échec.

  • Sans script séparé.

  • Vérifié une fois en ligne.

Détails : ce que modifie une correction du code source, et la façon dont Validiscan livre ses corrections

L’alternative est une correction du code source, apportée au fichier qui produit l’échec, comme un template, une feuille de style ou un script du thème de la boutique. Une fois la modification en ligne, le balisage et les styles corrigés font partie de ce que le serveur envoie ; ils atteignent donc chaque visiteur, chaque navigateur et chaque outil sans dépendre d’un script supplémentaire.

Validiscan livre ses corrections de cette façon :

  • Sous la forme d’une modification que vous pouvez relire. Validiscan les livre sous forme de pull request sur une nouvelle branche de votre dépôt (un commit par correction), de copie non publiée de votre thème Shopify, ou de lot de correctifs (un fichier de correctif par correction).
  • Rien ne change sur la version en ligne de votre boutique tant que vous n’avez pas décidé. Vous ou votre développeur fusionnez la pull request, publiez la copie du thème ou appliquez le correctif.
  • Dans les fichiers qui causent l’échec. Une correction peut modifier un template, une feuille de style ou l’un des scripts du thème lui-même. Par exemple, un diaporama qui avance tout seul reçoit un bouton de pause dans son template, et un bloc de code ajouté au script principal du thème relie le bouton au diaporama.
  • Sans script séparé. Rien dans une livraison de Validiscan ne s’exécute tout seul sur votre site, et Validiscan n’ajoute jamais de script qui répare vos pages dans le navigateur des visiteurs une fois celles-ci chargées. Le code ajouté aux scripts du thème lui-même s’intègre à votre code, et votre développeur le relit avec le reste de la modification.
  • Vérifié une fois en ligne. Une fois les modifications en ligne, un scan de vérification contrôle de nouveau les pages concernées, et le Remediation Evidence Package consigne, avec des dates, ce qui a été testé, modifié et vérifié.
Le déroulement d’un projet, étape par étape

En quoi les deux approches diffèrent-elles ?

Un overlay d’accessibilité et une correction du code source diffèrent par l’endroit où se trouve la modification, par qui peut la voir et par ce qu’il en reste ensuite : les réparations d’un overlay n’ont jamais été dans votre code, alors que les modifications d’une correction du code source en font partie.

Overlay d’accessibilité et correction du code source, comparés selon l’endroit où la modification est faite
Question Overlay d’accessibilité Correction du code source
Où la modification est-elle faite ? Dans le navigateur du visiteur, par un script, à chaque affichage de page Dans les fichiers mêmes du thème, une seule fois
Qu’envoie le serveur ? Le même HTML qu’avant, plus une référence au script Le HTML et les styles corrigés
Que reçoit un navigateur ou un outil qui n’exécute pas le script ? La page avec ses échecs d’origine La page corrigée
Votre développeur peut-il relire la modification avant sa mise en ligne ? Pas sous la forme d’une modification du code de la boutique Oui : ligne par ligne dans une pull request ou un lot de correctifs, ou sous forme d’aperçu d’une copie non publiée du thème
Qu’y a-t-il dans votre code lorsque vous cessez de payer le prestataire ? Aucune des réparations, car elles n’ont jamais été dans votre code Les modifications, car elles font partie de votre code
Qu’est-ce qui peut annuler la modification ? Un échec de chargement du script, son blocage ou son retrait Une modification ultérieure du thème, par exemple une mise à jour du thème ou d’une application
Qu’est-ce qui s’exécute en plus dans le navigateur du visiteur ? Le script de l’overlay Aucun script séparé. Si une correction nécessite un comportement scripté, du code ajouté aux scripts du thème lui-même

Que ne fait pas une correction du code source ?

Une correction du code source a elle aussi ses limites : elle demande un accès au code de la boutique, elle ne corrige que ce que le code permet de corriger, elle n’atteint pas les contenus tiers intégrés comme les widgets de paiement ou de chat, et une mise à jour ultérieure du thème ou d’une application peut faire réapparaître un échec corrigé.

Détails : chaque limite en entier

Une correction du code source a elle aussi ses limites, qu’il vaut mieux connaître avant de choisir :

  • Elle demande un accès au code. Validiscan travaille sur un clone de votre dépôt, sur une copie de votre thème Shopify ou sur un export de votre thème que votre développeur téléverse. Vous ou votre développeur relisez la modification avant sa mise en ligne.
  • Elle corrige ce que le code permet de corriger. Certains échecs demandent une décision de contenu ou de design que vous seul pouvez prendre, par exemple les sous-titres de vos vidéos de produits. Pour ceux-ci, Validiscan fournit des conseils (niveau MANUAL) au lieu d’une modification de votre code.
  • Elle n’atteint pas ce qui ne fait pas partie de votre thème. Les contenus tiers intégrés, comme les widgets de paiement ou de chat, apportent leur propre code, qu’une modification de votre thème ne change pas. Ils ne font pas partie d’un projet Validiscan, pas plus que les PDF.
  • Un échec corrigé peut revenir. Une mise à jour ultérieure du thème ou d’une application peut le faire réapparaître. La protection contre les régressions scanne de nouveau la boutique à intervalles réguliers et signale un échec qui avait été corrigé et qui est revenu.

Que demander à un prestataire d’accessibilité, quel qu’il soit ?

Demandez à tout prestataire d’accessibilité, Validiscan compris, où se trouve la modification, si votre développeur peut voir chaque modification avant sa mise en ligne, et ce qui reste dans votre boutique si vous cessez de le payer. Si un prestataire promet que votre boutique respecte la loi ou qu’elle est à l’abri de réclamations juridiques, demandez sur quoi repose cette promesse.

Ces questions valent pour n’importe quel prestataire, Validiscan compris. Les réponses montrent où le travail aboutit et ce que vous pouvez vérifier vous-même. La réponse de Validiscan suit chaque question.

  1. Où se trouve la modification : dans les fichiers de mon thème, ou dans un script que vous hébergez ? Validiscan : dans les fichiers de votre thème.
  2. Mon développeur peut-il voir chaque modification avant sa mise en ligne ? Validiscan : oui. Une pull request comporte un commit par correction, et un lot de correctifs un fichier de correctif par correction. Une copie non publiée d’un thème Shopify peut être prévisualisée et vérifiée avant sa publication.
  3. Que reste-t-il dans ma boutique si je cesse de vous payer ? Validiscan : les modifications, car elles font partie de votre code. La protection contre les régressions peut être résiliée pour la fin de n’importe quel mois.
  4. Qu’est-ce qui s’exécute dans le navigateur de mes visiteurs et n’y était pas auparavant ? Validiscan : aucun script séparé, et rien n’est chargé depuis Validiscan. Lorsqu’une correction nécessite un comportement scripté, comme un bouton de pause pour un diaporama, elle ajoute du code aux scripts de votre thème lui-même, que vous relisez avec le reste de la modification.
  5. Qu’est-ce qui n’est pas couvert ? Validiscan : les constats qui demandent vos propres décisions de contenu (niveau MANUAL), les contenus tiers intégrés comme les widgets de paiement ou de chat, et les PDF.
  6. Quelle part des tests est automatisée, et que vérifie une personne ? Validiscan : les scans automatisés signalent les échecs qui peuvent être prouvés à partir du code d’une page, et ils ne trouvent pas tous les échecs. Une liste de 35 vérifications manuelles, qu’une personne passe en revue, couvre chaque critère de succès des WCAG 2.2 qu’aucune règle ne teste, ainsi que certains critères que les règles ne testent qu’en partie. Pour les autres critères, dont le critère 1.1.1 Non-text Content, un résultat repose sur les seuls contrôles automatisés. La méthode et les normes
  7. Comment les corrections sont-elles vérifiées une fois en ligne, et quel compte rendu reçois-je ? Validiscan : un scan de vérification des pages concernées, et un Remediation Evidence Package daté.
  8. Que déclarez-vous exactement au sujet du résultat ? Validiscan : le dossier de preuves fait état de la conformité aux critères de succès des WCAG 2.1 niveau AA et des WCAG 2.2 niveau AA, telle qu’évaluée sur les pages et aux dates indiquées. Il constitue la preuve d’une évaluation et de travaux de correction. Ce n’est pas un certificat.
  9. Promettez-vous que ma boutique respecte la loi, ou qu’elle est à l’abri de réclamations juridiques ? Demandez sur quoi repose une telle promesse. Validiscan ne fait aucune promesse de ce genre : savoir si une boutique respecte une loi relève d’une appréciation juridique, qui vous revient, à vous et à votre avocat.

Sources

3 sources, toutes vérifiées pour cette page le 6 octobre 2026.

États-Unis 2
  1. FTC Approves Final Order Requiring accessiBe to pay $1 Million · US Federal Trade Commission ·  · vérifiée le
  2. 2024 Year-End ADA Web Lawsuit Report · UsableNet · vérifiée le
Allemagne 1

Commencez par une vérification gratuite de votre boutique.

Envoyez l’adresse de votre boutique. Validiscan la scanne et vous envoie chaque échec que le scan peut prouver, avec sa page et son code.

Demander une vérification gratuite

Ou écrivez à info@validiscan.com.

Ce que couvre la vérification gratuite, et ce qu’elle laisse de côté
Vous envoyez
l’adresse de votre boutique
Pages scannées
jusqu’à 15
Vous recevez
chaque échec que le scan peut prouver, avec la page et le code
Sur votre boutique
pages publiques uniquement ; aucune connexion, aucun achat, aucun formulaire envoyé
Ce qu’elle n’est pas
un audit complet

Écrire à Validiscan

Pour une vérification gratuite, indiquez l’adresse de votre boutique et sa plateforme.

Validiscan utilise ce que vous envoyez pour vous répondre. Politique de confidentialité