Overlays d'accessibilité : ce qu'ils peuvent faire et ce qu'ils ne font pas

Insérer une balise script, une icône apparaît au coin de la page, et le site passe pour accessible : voilà la promesse des overlays d'accessibilité, et elle porte d'autant mieux que la loi européenne sur l'accessibilité (European Accessibility Act) s'applique depuis 2025. La promesse est commode, bon marché et démontrée fausse. Il serait pourtant tout aussi faux de condamner ces widgets en bloc, car pour certains visiteurs ils rendent de vrais services. Ce guide trace la frontière proprement : ce que les overlays savent faire, ce qu'ils ne savent pas faire, et pourquoi l'autorité américaine de protection des consommateurs a imposé une sanction d'un million de dollars à l'un des plus gros fournisseurs.

Pourquoi tout le monde veut soudain un widget

Depuis que la loi européenne sur l'accessibilité s'applique, en juin 2025, et que les autorités nationales contrôlent, beaucoup d'exploitants cherchent le chemin le plus court vers la conformité. En Allemagne, le BFSG assortit même les exigences d'amendes pouvant atteindre 100 000 euros. Les overlays répondent exactement à ce désir : un bout de JavaScript chargé depuis le serveur du fournisseur, un abonnement mensuel, aucun projet de développement. Pour une direction qui vient de découvrir le sujet, cela sonne comme la solution.

Le hic : la conformité ne se mesure pas à la présence d'un panneau de réglages flottant au-dessus de la page. Elle se mesure au fait que le code et le contenu remplissent les critères des WCAG, des textes alternatifs à l'utilisation au clavier en passant par les formulaires étiquetés. Ce qu'exigent en détail les niveaux de conformité A, AA et AAA, notre guide dédié le décrit. Ici, la question est de savoir quelle part de tout cela un overlay couvre réellement.

La technique derrière

Un overlay est un JavaScript chargé depuis le serveur du fournisseur pendant le rendu de la page. Il affiche un panneau où le visiteur ajuste la présentation : taille du texte, contrastes, interlignage, lecture à voix haute. Certains produits promettent davantage et prétendent détecter et réparer à la volée les erreurs du code source, par exemple deviner par IA les textes alternatifs manquants. Le point clé : un overlay ne modifie jamais votre site lui-même, seulement son rendu dans le navigateur du visiteur, et seulement tant que le script se charge. Le champ de formulaire sans étiquette reste sans étiquette dans le code.

Ce qu'un widget apporte honnêtement aux visiteurs

Restons justes : pour une partie du public, les widgets de réglage rendent de vrais services. Une personne dont la vue baisse avec l'âge et qui n'a jamais touché aux réglages de son système obtient en deux clics un texte plus grand et des contrastes plus marqués. C'est un confort qu'un site peut tout à fait proposer.

• Texte et mise en page : police plus grande, interlignage accru, présentation plus lisible.
• Modes de contraste : contrastes renforcés ou mode sombre en un clic.
• Aides à la lecture : masque de lecture, liens mis en évidence, animations en pause.
• Lecture à voix haute : une sortie vocale simple pour qui n'utilise pas de lecteur d'écran.

La limite de ces aides se trouve chez les personnes qui dépendent en permanence d'une technologie d'assistance. Un utilisateur aveugle apporte son propre lecteur d'écran, une utilisatrice à mobilité réduite sa propre commande au clavier. Ces outils n'ont pas besoin d'un panneau avec des curseurs de taille de police. Ils ont besoin d'un code propre en dessous : des titres corrects, des champs étiquetés, un ordre de focus qui fonctionne. Et c'est précisément là que les overlays peuvent le moins.

Là où les limites sont dures

Le milieu professionnel est ici d'une unanimité rare. L'Overlay Fact Sheet, une prise de position ouverte de praticiens, a été signé par 1 031 spécialistes, dont des contributeurs du W3C. Le message central : aucun produit overlay sur le marché ne peut rendre un site pleinement conforme à un standard d'accessibilité existant ni éliminer le risque juridique.

La raison n'est pas un détail technique mais un principe : les réparations automatiques manquent de contexte. Une reconnaissance d'images voit peut-être « femme avec ordinateur portable » sur votre photo. Que cette image montre votre fondatrice, serve de pure décoration ou fasse office de lien vers le compte client, seule une personne qui connaît la page le sait. L'organisation sociale allemande Aktion Mensch critique exactement ce manque de contexte et ne concède aux overlays, au mieux, qu'un rôle de solution transitoire. Son verdict tient en une phrase :

L'organisme fédéral allemand de contrôle de l'accessibilité numérique (BFIT-Bund) et l'association allemande des aveugles et malvoyants DBSV arrivent à la même conclusion dans leur évaluation commune des outils overlay : en l'état actuel de la technique, les overlays ne peuvent pas rendre un site conforme. Ce n'est pas un avis de cabinet de conseil, c'est la position d'une autorité de contrôle.

L'amende d'un million de dollars de la FTC

Aux États-Unis, la promesse marketing est devenue une affaire juridique. La Federal Trade Commission, l'autorité de protection des consommateurs, a finalisé en avril 2025 une décision imposant au fournisseur d'overlays accessiBe le paiement d'un million de dollars. Le grief : l'entreprise avait faussement affirmé que son widget rendait les sites conformes aux WCAG. Ce n'est donc pas le produit qui a été sanctionné, mais la promesse. Et cette promesse figure encore aujourd'hui dans bien des publicités d'overlays.

Un overlay ne protège pas non plus des poursuites. Selon les rapports du cabinet d'analyse américain UsableNet, plus de 800 entreprises équipées d'un overlay ont été poursuivies en justice sur 2023 et 2024. Pour le seul mois de mai 2025, UsableNet a compté 119 défendeurs avec un widget sur leur site. Qui achète un overlay pour se protéger juridiquement achète un sentiment, pas une protection.

Overlays et législation : pourquoi « poser un widget » ne rend pas conforme

La loi européenne sur l'accessibilité et ses transpositions nationales, dont le BFSG allemand, renvoient à la norme européenne EN 301 549, qui référence les WCAG au niveau AA. Ce qui est audité, c'est l'état réel du code et du contenu. L'autorité allemande de surveillance du marché, la MLBF, contrôle activement depuis 2026, en partie par scans automatisés, et elle évalue les mêmes critères que n'importe quel test WCAG : textes alternatifs, contrastes, étiquettes de formulaires, utilisation au clavier. Un panneau avec des curseurs de taille de police n'apparaît tout simplement pas comme une exigence remplie dans cet audit.

La même logique vaut dans toute l'UE : chaque État membre a sa propre transposition avec sa propre autorité. Un overlay qui ne compte pas comme conformité à Magdebourg ne compte pas davantage à Paris ou à Milan. L'Overlay Fact Sheet le dit en une ligne : aucun overlay n'élimine non plus le risque juridique.

Un mot sur notre propre widget

Transparence totale : nous proposons nous-mêmes un widget d'assistance, avec des réglages comme la taille du texte, le contraste et la lecture à voix haute. Il est volontairement positionné pour ce qu'il est : une couche de confort pour les visiteurs, rien de plus. Il ne rend votre site conforme ni à la loi européenne ni au BFSG, il ne répare ni les textes alternatifs manquants ni les formulaires sans étiquettes, et nous ne vous raconterons jamais le contraire.

Qui a besoin de conformité commence par un vrai audit et corrige les constats dans le code et le contenu. Ce n'est qu'ensuite, comme supplément pour les visiteurs, qu'un widget prend son sens. Cet ordre vaut pour tous les widgets du marché, pas seulement le nôtre. Si un fournisseur vous promet davantage, relisez le passage sur la FTC.

Le chemin honnête : réparer d'abord, le confort ensuite

1. Mesurer l'existant : faites tester votre site automatiquement contre les WCAG. Le scan produit une liste des vraies infractions avec leur emplacement dans le code, plutôt qu'une impression.
2. Corriger d'abord les bloquants : pièges clavier, formulaires sans étiquettes et focus invisible excluent complètement certaines personnes. Ces points vont en tête de toute liste de travail.
3. Traiter la masse : vérifiez vos combinaisons de couleurs avec le vérificateur de contraste et complétez les textes alternatifs. Notre guide sur la rédaction des textes alternatifs montre comment. Les brouillons d'IA aident pour le volume, la vérification contre le contexte de la page reste un travail humain.
4. Documenter honnêtement : publiez une déclaration d'accessibilité qui décrit l'état réel, lacunes connues comprises. Une déclaration honnête résiste mieux qu'une déclaration enjolivée.
5. Puis le confort : une fois les fondations posées, rien ne s'oppose à un widget d'assistance comme service supplémentaire aux visiteurs. Comme touche finale, pas comme substitut de fondations.

Questions fréquentes sur les overlays d'accessibilité

Un overlay peut être la touche finale d'un site accessible, il n'en sera jamais les fondations. Commencez donc là où commencent les auditeurs : par l'état réel de votre code. Le scan gratuit ci-dessus vous montre en deux minutes quelles barrières se trouvent vraiment sur votre site. Vous saurez alors ce qu'un widget peut faire pour vous et ce que seules de vraies corrections accomplissent.