Accessibilité web obligatoire pour les boutiques en ligne : ce que la loi exige depuis 2025 et comment s'y conformer

Depuis le 28 juin 2025, les services de commerce électronique destinés aux consommateurs dans l'Union européenne doivent respecter des exigences d'accessibilité. C'est l'Acte européen sur l'accessibilité (directive (UE) 2019/882), transposé en Espagne par la Ley 11/2023, du 8 mai.

Au-delà de l'obligation, l'accessibilité est un argument commercial : une boutique utilisable au clavier, avec un lecteur d'écran, avec un texte agrandi ou avec une vue réduite est aussi une boutique plus confortable pour tout le monde, y compris les clients âgés et ceux qui achètent sur mobile en plein soleil.

Suis-je concerné ?

• Oui, si vous vendez en ligne à des consommateurs et que vous n'êtes pas une microentreprise.
• Exemptées : les microentreprises qui fournissent des services, c'est-à-dire employant moins de 10 personnes et dont le chiffre d'affaires annuel ou le total du bilan ne dépasse pas 2 millions d'euros.
• Il existe aussi une exception pour charge disproportionnée, mais elle doit être évaluée et documentée ; ce n'est pas une porte de sortie automatique.

Ce qu'il faut respecter

La référence technique est la norme européenne EN 301 549, qui renvoie pour le web aux règles WCAG 2.1 niveau AA. Appliqué à une boutique en ligne, l'essentiel est :

Que l'on puisse voir

• Un contraste suffisant entre le texte et le fond (4,5:1 pour un texte normal). Le gris clair sur blanc si à la mode ne le respecte généralement pas.
• Un texte alternatif sur les images produit qui décrit ce qui compte (« Chaussure de running bleu marine, vue de côté »), et vide sur les images décoratives.
• La page peut être agrandie à 200 % sans perte de contenu ni de fonctions.
• L'information ne dépend pas uniquement de la couleur (par exemple, « les tailles en rouge sont épuisées »).

Que l'on puisse utiliser

• Tout l'achat peut se faire uniquement au clavier : menu, filtres, sélecteur de taille, panier, tunnel de commande.
• Le focus est toujours visible (le contour qui indique où vous êtes).
• Les carrousels et vidéos peuvent être mis en pause.
• Aucune limite de temps n'expulse le client sans prévenir.

Que l'on puisse comprendre

• Chaque champ de formulaire a son libellé (pas seulement un texte d'exemple dans le champ qui disparaît à la saisie).
• Les erreurs disent ce qui ne va pas et comment le corriger (« Le code postal doit comporter 5 chiffres »), pas seulement « Erreur ».
• Les captchas ont une alternative qui ne dépend pas de la vue des images.

Que cela fonctionne avec les technologies d'assistance

• Des titres dans l'ordre (un H1 par page, puis des H2…), des boutons qui sont des boutons et des liens qui sont des liens.
• Les messages dynamiques (« Produit ajouté au panier ») sont annoncés au lecteur d'écran.

Les informations sur l'accessibilité

En plus de respecter les exigences, vous devez expliquer comment vous les respectez : des informations sur l'accessibilité du service, dans un format accessible, généralement sur une page dédiée accessible depuis le pied de page ou depuis les conditions générales. Elles doivent décrire le service, la façon dont il remplit les exigences et, si certaines parties ne le font pas encore, lesquelles et pourquoi.

Suffit-il d'installer un widget d'accessibilité ?

Soyons clairs : non. Un bouton d'accessibilité avec des profils (contraste renforcé, police pour la dyslexie, loupe, mode lecture) est très utile à de nombreux utilisateurs, car il leur permet d'adapter la boutique à leurs besoins sans rien configurer sur leur appareil. Mais il ne corrige pas à lui seul un bouton sans libellé, un formulaire impossible à remplir au clavier ou une image sans texte alternatif. La bonne approche combine les deux : corriger la base de la boutique et proposer en plus les outils d'adaptation.

Comment auditer votre boutique en un après-midi

1. Test du clavier : débranchez la souris et essayez d'acheter quelque chose en n'utilisant que Tab, Maj+Tab, Entrée et les flèches. Notez où vous restez bloqué.
2. Test du zoom : agrandissez le navigateur à 200 % et recommencez.
3. Analyse automatique : passez Lighthouse (dans Chrome) ou l'extension axe sur l'accueil, une catégorie, une fiche produit, le panier et le tunnel de commande. Ils détectent les contrastes, les libellés et les textes alternatifs manquants.
4. Lecteur d'écran : NVDA sous Windows (gratuit) ou VoiceOver sur Mac et iPhone. Écoutez comment sonne votre fiche produit.
5. Priorisez le parcours d'achat : un problème dans le tunnel de commande est plus grave qu'un problème dans le blog.

Les outils automatiques ne trouvent qu'une partie des problèmes ; les tests au clavier et au lecteur d'écran sont indispensables. Et si vous le pouvez, demandez l'avis d'utilisateurs handicapés réels : c'est le test le plus instructif.

Erreurs fréquentes dans les boutiques PrestaShop

• Des icônes sans texte (panier, recherche, compte) que le lecteur d'écran annonce comme « bouton ».
• Des sélecteurs de taille ou de couleur faits d'images qu'on ne peut pas choisir au clavier.
• Des fenêtres surgissantes (cookies, newsletter) qui piègent le focus ou ne se ferment pas avec Échap.
• Des descriptions produit collées depuis un autre site avec des titres dans le désordre ou des tableaux utilisés pour la mise en page.
• Des vidéos produit sans sous-titres.

Cet article est informatif et ne remplace ni un audit d'accessibilité ni un conseil juridique.