La directive européenne sur l'accessibilité (EAA), expliquée aux boutiques en ligne
Depuis le 28 juin 2025, la plupart des boutiques en ligne qui vendent aux particuliers dans l'UE doivent être accessibles. Qui est concerné, quoi faire.
Un widget posé sur la page ne rend pas une boutique accessible. Pourquoi les surcouches ne suffisent pas, et ce qui corrige vraiment une page.
Une surcouche d'accessibilité est un script ajouté à votre site qui affiche un widget — souvent un bouton rond avec un pictogramme — proposant de grossir le texte, d'augmenter le contraste ou un « mode lecteur d'écran ». On la vend comme un moyen de devenir accessible en une ligne de code. Ce n'en est pas un, et elle peut faire du tort.
Une surcouche agit par-dessus la page que reçoivent vos visiteurs. Elle peut changer l'apparence de la page pour la personne qui ouvre le widget, et certaines tentent de réparer la page à la volée. Mais la page elle-même ne change pas : une photo produit reste sans alternative dans votre catalogue, un bouton reste sans nom dans votre thème, un champ de formulaire reste sans étiquette.
C'est important, car les personnes qui ont le plus besoin d'accessibilité ont déjà leurs propres outils. Une personne aveugle utilise un lecteur d'écran ; une personne malvoyante, le zoom ou les réglages de contraste de son système. Elles ne cherchent pas votre widget : elles rencontrent votre page telle qu'elle est.
En janvier 2025, l'autorité américaine de la concurrence (FTC) a annoncé une décision imposant à l'éditeur de surcouche accessiBe de payer un million de dollars, pour avoir prétendu que son widget à base d'IA pouvait rendre n'importe quel site conforme aux WCAG. La décision, définitive depuis avril 2025, lui interdit ce type d'affirmation sans preuves à l'appui.
La directive européenne sur l'accessibilité exige des services accessibles, pas un widget. Ce qui est vérifié, c'est si les gens peuvent réellement utiliser votre boutique.
| Problème | Vraie correction |
|---|---|
| Photo produit sans alternative textuelle | Rédiger l'alternative dans la médiathèque et dans le contenu (RGAA 1.1) |
| Focus clavier invisible | Un style de focus visible dans le thème (RGAA 10.7) |
| Impossible de passer le menu | Un lien d'évitement vers le contenu principal (RGAA 12.7) |
| Prix au contraste trop faible | Une couleur plus foncée dans le thème (RGAA 3.2) |
| Lien-icône sans intitulé | Un texte ou un libellé sur le lien (RGAA 6.2) |
Certaines de ces corrections peuvent être appliquées automatiquement et sans risque, parce qu'elles ne demandent aucune supposition : ajouter un lien « Aller au contenu », rendre le focus visible, rétablir le zoom sur mobile, déclarer la bonne langue de page. D'autres demandent qu'une personne décide, comme ce que montre une image. Un bon outil fait les premières, et vous aide pour les secondes sans prétendre les faire à votre place.
C'est ainsi que fonctionne Relyo : il corrige la page elle-même, vous signale tout ce qu'il ne peut pas trancher, et ne présente jamais son score comme un taux de conformité.
Depuis le 28 juin 2025, la plupart des boutiques en ligne qui vendent aux particuliers dans l'UE doivent être accessibles. Qui est concerné, quoi faire.
Quoi écrire dans l'alternative d'une image, quand la laisser vide, et des exemples pour les photos produits — avec ce que l'IA peut faire, ou non.
Les problèmes les plus fréquents des boutiques WooCommerce, des photos produits au tunnel de commande, et comment corriger chacun.