Accessibilité web et conversion : guide EAA 2025

À partir du 28 juin 2025, vendre en ligne aux consommateurs de l'Union Européenne exigera de se conformer aux exigences d'accessibilité. La European Accessibility Act (EAA) a transformé en obligation ce qui fut pendant des années une bonne pratique. Pour les équipes marketing et produit, cela a soulevé une question très concrète : qu'advient-il de la conversion si nous modifions les couleurs, les boutons et les textes pour nous conformer ?

Ce que dit la norme et qui elle affecte

L'EAA est la Directive (UE) 2019/882, que la Commission Européenne résume ici. En Espagne, elle a été transposée par la Loi 11/2023, du 8 mai. Elle affecte, entre autres, le commerce électronique, les services bancaires aux consommateurs, les services de transport de passagers (sites web, applications et billets électroniques) et les livres électroniques. Les micro-entreprises prestataires de services, avec moins de 10 employés et un chiffre d'affaires ou un bilan annuel allant jusqu'à 2 millions d'euros, sont exemptées.

La référence technique habituelle est la norme EN 301 549, qui s'aligne sur le niveau AA des directives WCAG 2.1 d'accessibilité. Cet article ne constitue pas un conseil juridique. Si vous avez des doutes sur votre cas spécifique, il est conseillé de consulter un spécialiste.

La non-conformité la plus courante est aussi la plus visible

L'analyse annuelle WebAIM Million examine le million de pages d'accueil les plus visitées. Dans son édition 2025, elle a détecté des défaillances WCAG sur 94,8% d'entre elles, et le problème le plus fréquent était le texte à faible contraste, présent dans 79,1% des cas.

Le niveau AA exige un contraste minimum de 4,5:1 pour le texte normal et de 3:1 pour le texte de grande taille et les composants d'interface. De nombreuses couleurs de marque vives, comme les oranges, les jaunes ou les verts clairs, n'atteignent pas ce ratio avec du texte blanc par-dessus. Et ce sont souvent précisément les couleurs des boutons d'achat.

Les directives d'accessibilité WCAG qui affectent le plus la conversion

WCAG comporte des dizaines de critères, mais tous n'affectent pas de la même manière les pages où la vente est décidée. Du point de vue du CRO, voici ceux qu'il convient d'examiner en premier.

• Le contraste du texte et des boutons, déjà mentionné, est le plus visible. Il affecte le CTA principal, les prix et les textes légaux qui accompagnent le paiement.
• Les étiquettes des formulaires sont le deuxième point. Un champ qui n'affiche qu'un texte d'exemple à l'intérieur de la boîte, et qui disparaît dès que l'on commence à écrire, oblige l'utilisateur à se souvenir de ce qui lui était demandé. C'est un problème pour les lecteurs d'écran, mais aussi pour quiconque se distrait au milieu d'un checkout. Une étiquette visible au-dessus du champ résout les deux problèmes.
• Les messages d'erreur sont le troisième. WCAG exige que l'erreur soit identifiée et décrite en texte, et non pas seulement par une bordure rouge. Un message qui dit "veuillez entrer un code postal à 5 chiffres" aide plus qu'un message qui dit "champ non valide", et réduit les corrections répétées qui se terminent par un abandon.
• Le focus visible lors de la navigation au clavier est le quatrième. De nombreux sites web le suppriment pour des raisons esthétiques. Sans lui, un utilisateur qui navigue avec la touche de tabulation ne sait pas sur quel bouton il se trouve.
• Le cinquième est la taille et la séparation des éléments tactiles. WCAG 2.2 introduit une taille minimale de cible, et sur mobile, des boutons trop petits ou trop rapprochés génèrent des touches erronées pour les quantités, les tailles ou les méthodes de paiement.

La crainte : "si je change la couleur du bouton, les ventes baissent"

C'est une crainte raisonnable. La couleur du CTA est souvent une décision de marque défendue pendant des années. Chez Dogfy Diet, qui opère en Espagne, en France, en Italie et en Allemagne, nous avons décidé de la résoudre avec des données.

Lors d'un test, appliqué à l'ensemble du site web sur mobile et desktop, nous avons remplacé l'orange vif des CTAs par une teinte foncée avec un contraste plus élevé. L'hypothèse était formulée d'une manière inhabituelle : nous ne cherchions pas à améliorer, mais à vérifier que le changement n'altérait pas les performances.

<table> <thead> <tr> <th>Version</th> <th>Visiteurs</th> <th>Entrées au formulaire</th> <th>Taux d'entrées au formulaire</th> </tr> </thead> <tbody> <tr> <td>Témoin (orange vif)</td> <td>5.671</td> <td>1.929</td> <td>34,02%</td> </tr> <tr> <td>Variante (teinte foncée, contraste plus élevé)</td> <td>5.493</td> <td>1.894</td> <td>34,48%</td> </tr> </tbody> </table>

L'uplift attendu était de +1,37%, avec une probabilité de 53,34% en faveur de la variante. En pratique, cela signifie qu'il n'y a pas eu de différence détectable, ce qui était exactement ce que nous devions démontrer. Le changement de couleur exigé par la réglementation n'a pas pénalisé l'entrée dans le funnel.

Pourquoi tester un changement que vous allez faire de toute façon

Si le changement est obligatoire, pourquoi le tester ? Pour trois raisons. La première est qu'il existe presque toujours plusieurs façons de se conformer, et le test vous indique laquelle préserve le mieux la conversion. La deuxième est que, si une implémentation nuit, vous le savez avant de l'appliquer à tout le trafic. La troisième est que cela reste documenté pour les autres marchés et équipes.

La clé réside dans la conception du test. Avant de le lancer, il faut fixer la perte maximale jugée acceptable, au lieu de chercher un gagnant. C'est la logique d'un test de non-infériorité, et cela change complètement la façon de lire un résultat "sans gagnant".

L'accessibilité est aussi une part de marché

Selon l'Organisation Mondiale de la Santé, environ 1,3 milliard de personnes, soit environ 16% de la population mondiale, vivent avec un handicap significatif. À cela s'ajoutent les limitations situationnelles, qui affectent tout le monde : un écran au soleil, un mobile utilisé d'une seule main, une vue fatiguée… Améliorer le contraste, les étiquettes des formulaires ou la navigation au clavier bénéficie à tous ces utilisateurs.

Nous n'allons pas promettre que l'accessibilité fera exploser la conversion : nos données ne le prouvent pas. Ce qu'elles prouvent, c'est que se conformer n'a pas à coûter des ventes si cela est fait avec une bonne méthode.

Par où commencer à appliquer les directives obligatoires d'accessibilité

Commencez par les pages où la vente est décidée : fiche produit, panier, checkout et formulaires. Sur celles-ci, vérifiez le contraste des boutons et des textes, que les champs aient des étiquettes visibles, que les erreurs soient expliquées en texte, que le focus soit visible lors de la navigation au clavier et que les images pertinentes aient un texte alternatif. Ensuite, priorisez les changements par impact sur l'entonnoir et validez par un test ceux qui affectent les éléments de conversion.

Un audit Scan&Boost est un bon premier diagnostic de l'expérience visuelle et mobile. Si vous savez déjà ce que vous voulez changer, travailler avec notre méthode complète de CRO vous permet de le valider par des tests en quelques semaines.