Overlays d'accessibilité et EAA : pourquoi un widget ne rend pas votre site conforme

24 septembre 2026 · 6 min de lecture

Il y a un argument commercial qui est arrivé dans la boîte de réception de presque toutes les équipes web européennes depuis l'entrée en application de l'Acte européen sur l'accessibilité, le 28 juin 2025 : installez cette ligne de JavaScript et votre site sera conforme du jour au lendemain. Le produit est un overlay d'accessibilité, un widget placé dans un coin de la page qui propose un texte plus grand, un contraste renforcé, un « mode lecteur d'écran » et, dans les versions les plus ambitieuses, des textes alternatifs générés automatiquement.

Il vaut la peine d'être précis sur ce que font ces outils, car le risque se trouve dans l'écart entre la promesse et la réalité juridique.

Illustration isométrique d'une page web en couches superposées avec un petit widget fixé dans un coin
Le widget reste en surface. Les couches du dessous, le code que lit un audit, ne changent pas.

Ce que change vraiment un overlay

Un overlay s'exécute après le chargement de la page, dans le navigateur du visiteur. Il peut modifier le style de ce qui existe déjà : agrandir le texte, inverser les couleurs, mettre en pause les animations, encadrer les liens. Certains tentent aussi de corriger le code à la volée, en devinant un texte alternatif pour une image qui n'en a pas ou en donnant à un bouton sans nom un libellé déduit de son icône.

Il en découle trois conséquences qui comptent pour l'EAA :

Comparaison en deux colonnes : ce qu'un widget overlay d'accessibilité change sur une page et ce que l'Acte européen sur l'accessibilité contrôle vraiment.Ce que touche un overlay vs. ce que contrôle l'EAAUN WIDGET OVERLAY PEUTL'EAA (EN 301 549) REGARDEAgrandir le texte et changer la police pourqui cliqueAugmenter le contraste ou inverser lescouleurs par-dessus la pageMettre en pause les animations et soulignerles liensDeviner les textes alternatifs avec unmodèle automatiqueAjouter ses propres raccourcis et son propre« mode lecteur d'écran »Si chaque image, commande et champ a dans lecode un vrai nom accessible, correctSi tout le site fonctionne au clavier et avecle lecteur d'écran du visiteurSi contraste, ordre du focus et messagesd'erreur sont bons d'origine, sans widgetSi le service a une déclarationd'accessibilité et un moyen de contactSi l'opérateur peut présenter une évaluationde conformité, pas un badge de fournisseur
Deux questions différentes. La colonne de gauche concerne le visiteur qui clique sur le widget ; celle de droite, le code que vous publiez.

Ce que l'EAA demande à la place

La directive (UE) 2019/882 (en France, transposée par la loi du 9 mars 2023 dite DDADUE) ne parle ni de widgets, ni de badges, ni de fournisseurs. Elle fixe des exigences fonctionnelles d'accessibilité pour les produits et services concernés (commerce en ligne, services bancaires, transports, livres numériques, télécommunications, etc.) et renvoie à la norme harmonisée EN 301 549, qui pour les contenus web correspond aux critères de succès des WCAG 2.1 niveau AA.

Ces critères portent sur ce que vous publiez : chaque image a-t-elle une alternative textuelle, chaque champ de formulaire un nom, le parcours peut-il être mené au clavier de bout en bout, l'ordre du focus est-il logique, le contraste suffisant d'origine, les erreurs décrites par du texte. Ils portent aussi sur l'organisation : le service doit disposer d'une déclaration d'accessibilité, expliquer comment il se conforme, indiquer ce qui n'est pas encore conforme et donner un moyen de signaler les problèmes.

Les autorités de surveillance du marché de chaque État membre peuvent demander à un opérateur de démontrer sa conformité. La réponse attendue est une évaluation au regard de la norme et la documentation qui l'accompagne. « Nous avons installé un plugin » n'est pas une évaluation, et aucun fournisseur d'overlay ne signera votre déclaration à votre place.

L'EAA fait peser l'obligation sur l'opérateur économique. Vous pouvez sous-traiter les tests et les corrections. Vous ne pouvez pas sous-traiter la responsabilité à une balise script.
Illustration isométrique d'un ordinateur portable à côté d'une plage braille et d'un casque, reliés par de fines lignes
La plupart des visiteurs handicapés arrivent avec leur propre technologie d'assistance déjà réglée. Une seconde couche par-dessus n'est pas ce qu'ils ont demandé.

Les antécédents

Le marché des overlays s'est développé aux États-Unis, sous l'ADA, et c'est là que le recul est le plus long. Deux faits suffisent à le situer :

Plus de huit cents professionnels de l'accessibilité, dont beaucoup sont eux-mêmes utilisateurs en situation de handicap, ont signé une déclaration publique demandant aux propriétaires de sites de ne pas s'appuyer sur les overlays. C'est un niveau d'accord rare dans un domaine qui débat de presque tout.

Quand un overlay n'est pas nuisible

Cela ne veut pas dire que les widgets ne servent à rien. Un visiteur sans technologie d'assistance qui veut simplement un texte plus grand sur un long article profite d'un réglage de taille de police. Si vous avez déjà un site accessible et que vous ajoutez un widget comme confort, le widget n'est pas le problème.

Le problème, c'est l'ordre. Le widget se pose sur un site accessible ; il ne le remplace pas. Si votre budget couvre soit l'abonnement à l'overlay, soit deux jours d'un développeur qui corrige les libellés et l'ordre du focus dans vos gabarits, seule la seconde option vous rapproche de la loi.

Que faire à la place

Quatre étapes vers une vraie conformité EAA : audit au regard de l'EN 301 549, correction du code, publication de la déclaration d'accessibilité, tests à chaque version.La démarche qui y mène vraiment1AuditerTester les vrais parcoursau regard de l'EN 301 549/ WCAG 2.1 AA, au clavieret au lecteur d'écran, passeulement par un scanautomatique.2Corriger le codeTextes alternatifs,libellés, titres, ordre dufocus, contraste, messagesd'erreur. Dans lesgabarits, pour que çatienne.3DéclarerLa déclarationd'accessibilité, lesmanques connus, le moyende contact. C'est ce quedemande d'abord lasurveillance du marché.4RetesterÀ chaque version.L'accessibilité est unepropriété du code publié :elle se dégrade sipersonne ne vérifie.
L'ordre compte : d'abord l'audit, pour que les corrections et la déclaration partent de ce que le site fait réellement.

Une démarche pratique que nous voyons fonctionner chez les petits et moyens opérateurs :

  1. Auditez les vrais parcours, pas tout le site. Inscription, recherche, ajout au panier, paiement, contact. Testez chacun uniquement au clavier et avec un lecteur d'écran, puis lancez un scan automatique pour le reste. Les outils automatiques couvrent à peu près un tiers des critères ; le reste demande une personne.
  2. Corrigez dans les gabarits. Un composant corrigé répare toutes les pages qui l'utilisent, et le reste au déploiement suivant.
  3. Rédigez la déclaration d'accessibilité pendant que l'audit est frais : ce qui est conforme, ce qui ne l'est pas encore, pour quand, et comment signaler un problème. Publiez-la là où un visiteur la trouve en un clic.
  4. Intégrez l'accessibilité dans vos achats. Demandez à chaque fournisseur de composant, de thème ou de plugin ses propres preuves de conformité. C'est de là que viennent la plupart des régressions.
  5. Retestez à chaque version. Une courte liste dans le modèle de revue de code fait plus que n'importe quel audit annuel.

Si vous voulez une première lecture de l'état d'un site avant de décider quoi que ce soit, un scan automatique au regard de l'EN 301 549 est une première étape raisonnable, à condition que tout le monde comprenne que c'est le début de l'évaluation et non sa fin.

Nous utilisons uniquement un stockage technique essentiel (votre langue et vos choix de cookies, enregistrés dans votre navigateur). Aucun traçage, aucun cookie tiers. Politique cookies