Aller au contenu principal
Comparatifs8 décembre 202515 min

Pourquoi les Overlays d'Accessibilité (Surcouches) sont une Mauvaise Idée

En Bref : L'essentiel à retenir

  • Les overlays (AccessiBe, UserWay...) sont rejetés par la communauté handicapée car ils interfèrent souvent avec les technologies d'assistance (lecteurs d'écran) au lieu de les aider.
  • Sur le plan juridique, ces outils ne garantissent aucune conformité au RGAA ou à l'EAA (European Accessibility Act). Des entreprises les utilisant ont été condamnées.
  • L'organisme allemand BIK refuse désormais de certifier les sites utilisant des surcouches, confirmant le consensus technique européen contre ces 'solutions miracles'.
  • L'intelligence artificielle actuelle ne peut pas comprendre le contexte sémantique nécessaire pour corriger l'accessibilité à la volée. Seule la remédiation du code source fonctionne.
AccessiBeOverlaySurcoucheUserWayFacil'itiDangerRGAAAccessibilitéWidget accessibilitéConformité web

"Installez une ligne de JavaScript et votre site devient 100% accessible en 48h grâce à l'IA."

C'est la promesse séduisante des overlays (ou surcouches d'accessibilité) vendus par des entreprises comme AccessiBe, UserWay, AudioEye, Facil'iti ou EqualWeb. C'est magique, peu coûteux à court terme, et cela semble régler le problème de la conformité.

Pourtant, cette solution est unanimement rejetée par les experts en accessibilité, les associations de personnes handicapées et désormais les organismes de certification européens.

Dans cet article détaillé, nous analysons pourquoi ces widgets sont une fausse bonne idée et comment ils mettent votre site en danger.


Qu'est-ce qu'un Overlay (ou Widget d'Accessibilité) ?

Un overlay est un outil tiers (script JavaScript) qui s'ajoute à votre site web pour tenter de corriger "à la volée" les problèmes d'accessibilité. Il se manifeste souvent par une icône de petit bonhomme bleu en bas de page.

Lorsqu'on clique dessus, un menu s'ouvre proposant des réglages :

  • Agrandissement du texte
  • Modification des contrastes
  • Arrêt des animations
  • Lecture automatique du contenu

La promesse est que cet outil va automatiquement détecter et réparer les erreurs de code (manque de balises ARIA, images sans description) grâce à l'intelligence artificielle.


1. Le problème technique : l'IA ne comprend pas le contexte

Pourquoi l'IA ne peut-elle pas (encore) corriger l'accessibilité automatiquement ? Parce que l'accessibilité est une question de sens (sémantique), pas juste de syntaxe.

Un overlay n'a aucun accès au code source de votre site. Il agit comme un filtre superficiel.

L'exemple de l'image

Si vous avez une image <img src="chat.jpg"> sans texte alternatif (alt), l'IA de l'overlay va essayer de deviner.

  • Résultat Overlay : "Objet, animal, mammifère".
  • Besoin Réel : "Graphique montrant l'augmentation des ventes de 20%".

L'IA voit les pixels, mais elle ne comprend pas l'intention de l'auteur. Pour un utilisateur aveugle, l'information cruciale (les ventes) est perdue.

L'exemple du bouton

Si vous avez un <div> cliquable au lieu d'un <button>, l'overlay essaiera peut-être d'ajouter un role="button". Mais gère-t-il les événements clavier (Enter, Space) ? Gère-t-il le focus ? Souvent, non. Le bouton reste inutilisable au clavier.


2. Les utilisateurs handicapés rejettent ces outils

C'est l'argument le plus fort : les personnes que vous essayez d'aider détestent ces outils.

Les personnes en situation de handicap (aveugles, malvoyantes, troubles moteurs) utilisent déjà leurs propres logiciels spécialisés (technologies d'assistance) :

  • Lecteurs d'écran (NVDA, JAWS, VoiceOver)
  • Loupes d'écran (ZoomText)
  • Dispositifs de pointage (Eye tracking)

Elles ont configuré leur ordinateur avec leurs réglages parfaits (vitesse de voix, contrastes spécifiques).

L'overlay arrive et écrase tout.

  • Il force ses propres raccourcis clavier qui entrent en conflit avec ceux du lecteur d'écran.
  • Il modifie l'affichage de manière imprévisible.
  • Il annonce des informations redondantes ou fausses ("L'accessibilité est activée" crié à chaque chargement de page).

"J'ai passé des années à configurer mon environnement de travail. Un overlay inattendu vient tout casser et m'oblige souvent à quitter le site."
Témoignage fréquent d'utilisateurs de lecteurs d'écran


3. Risques juridiques et conformité (RGAA / EAA)

En Europe et en France, la loi est claire. Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) impose la conformité technique du site lui-même.

Position de l'administration française

La DINUM et l'Arcom (ex-CSA) considèrent que :

  • L'accessibilité doit être native.
  • Un site inaccessible avec un overlay reste inaccessible au sens de la loi.
  • Vous restez passible des sanctions (jusqu'à 50 000€ d'amende par an).

Position européenne (Actu 2026)

L'organisme de certification allemand BIK (référence pour le BITV/WCAG) a annoncé qu'il refuse désormais de certifier tout site utilisant un overlay. Ils considèrent que ces outils rendent l'audit impossible et les résultats non fiables. C'est un précédent majeur qui risque de s'étendre à toute l'UE avec l'application de l'European Accessibility Act (EAA).

Précédents aux USA

Des entreprises utilisant des overlays (notamment AccessiBe) ont déjà été poursuivies en justice et on perdu contre des plaignants non-voyants qui ne pouvaient pas utiliser le site, malgré la présence de l'outil. L'overlay ne constitue pas un bouclier juridique. (En savoir plus : RGAA Checker vs AccessiBe).


4. Le Manifeste "Overlay Fact Sheet"

Le rejet n'est pas isolé. Il est structurel. Le site OverlayFactSheet.com regroupe plus de 800 signatures d'experts mondiaux de l'accessibilité web.

Leur déclaration commune :

  1. Les overlays ne rendent pas les sites conformes.
  2. Ils peuvent introduire de nouvelles barrières.
  3. Ils ne remplacent pas la correction du code.

Parmi les signataires, on trouve des membres des groupes de travail WCAG du W3C, les créateurs de lecteurs d'écran, et les plus grandes agences d'audit mondiales.


5. Performance Web et SEO (Core Web Vitals)

L'accessibilité et le SEO sont liés (voir notre article dédié). Les overlays sont nuisibles aux deux.

Un script d'overlay est souvent lourd (plusieurs centaines de Ko de JavaScript).

  • LCP (Largest Contentful Paint) : Le chargement du script retarde l'affichage principal.
  • CLS (Cumulative Layout Shift) : L'overlay modifie la page après son chargement, provoquant des décalages visuels sanctionnés par Google.
  • TBT (Total Blocking Time) : L'exécution du script bloque le processeur, rendant le site moins réactif sur mobile.

Un site lent pénalise tous vos utilisateurs, handicapés ou non.


6. Confidentialité et RGPD

Pour fonctionner, les overlays analysent le comportement de l'utilisateur sur votre site.

  • Ils détectent si un lecteur d'écran est actif.
  • Ils analysent la navigation au clavier.
  • Ils collectent l'adresse IP et les caractéristiques du navigateur.

Ces données (qui peuvent révéler indirectement un état de santé ou un handicap) sont souvent envoyées vers des serveurs tiers (USA, Israël). Sans consentement explicite et très strict, l'utilisation de ces scripts peut vous mettre en infraction avec le RGPD européen.


7. Une dépendance financière éternelle

Le modèle économique des overlays est la location.

  • Vous payez un abonnement mensuel (souvent cher, de 400€ à +1000€/an).
  • Le jour où vous arrêtez de payer : le widget disparaît.
  • Votre site redevient instantanément inaccessible.

À l'inverse, un vrai audit (avec un outil comme RGAA Checker ou un consultant) est un investissement. Vous payez pour détecter et corriger. Une fois le code corrigé (les alt ajoutés, les labels posés, la sémantique réparée), votre site EST accessible. Si vous arrêtez de payer l'outil d'audit, votre travail reste acquis. C'est un capital pérenne.


8. Le piège du "Greenwashing"

Afficher un badge "Site 100% Accessible" coloré alors que votre site est inutilisable pour un aveugle, c'est du handi-washing (ou greenwashing appliqué au handicap).

Les communautés concernées sont très actives sur les réseaux sociaux (Twitter, LinkedIn). Des marques ont subi des "bad buzz" violents après avoir fièrement annoncé leur conformité via un overlay, alors que les utilisateurs ne pouvaient même pas valider leur panier.

L'honnêteté paye : mieux vaut une page "Accessibilité : partiellement conforme" avec une adresse de contact pour aider, qu'un mensonge marketing qui frustre vos clients.


FAQ : Questions Fréquentes sur les Overlays

Est-ce que AccessiBe me protège des procès ?

Non. Les conditions générales d'utilisation (CGU) de la plupart des overlays stipulent qu'ils ne garantissent pas la conformité totale. Plusieurs entreprises utilisatrices ont perdu des procès aux USA.

Mais je n'ai pas le budget pour un audit complet...

L'accessibilité peut se faire par étapes. Commencez par les bases (contrastes, structure HTML, textes alternatifs) qui coûtent 0€ si elles sont intégrées dès le développement. Utilisez des outils comme RGAA Checker pour identifier les priorités. C'est plus efficace que 500€/an dans un outil inefficace.

Facil'iti est-il un overlay dangereux ?

Facil'iti permet une personnalisation de l'affichage (confort de lecture), ce qui est utile pour certains handicaps (dyslexie, seniors). Cependant, il ne corrige pas le code pour les aveugles (lecteurs d'écran) et ne rend pas le site conforme RGAA à lui seul. Consultez notre comparatif complet : RGAA Checker vs Facil'iti. Il doit venir en complément d'un site déjà accessible, pas en remplacement.


Conclusion : Quelle est la bonne méthode ?

L'accessibilité n'est pas un plugin. C'est une qualité de base du web, comme la sécurité ou la performance.

La méthode durable pour se mettre en conformité (RGAA / EAA) :

  1. Auditer : Utiliser un outil de scan (automatique) et faire des tests manuels.
  2. Corriger : Modifier le code HTML/CSS (ajouter les labels, corriger les contrastes, structurer les titres).
  3. Former : Sensibiliser les développeurs et rédacteurs pour ne plus créer de nouvelles erreurs.
  4. Déclarer : Publier une déclaration d'accessibilité honnête (même partielle).

RGAA Checker a été conçu pour vous accompagner dans cette démarche saine : détecter les erreurs, expliquer comment les corriger dans le code, et suivre vos progrès.

Lancer un audit gratuit de mon code (sans overlay) →

Votre site est-il conforme ?

Ne prenez pas de risques avec l'accessibilité. Lancez un audit complet de votre site en quelques minutes et obtenez un rapport détaillé des corrections à apporter.