Un site e-commerce inaccessible, c'est deux problèmes en un : un risque juridique depuis l'entrée en application de l'European Accessibility Act, et des ventes perdues chaque jour parce qu'une partie de vos clients ne peuvent pas commander. Les deux se règlent au même endroit. Voici ce qui est désormais obligatoire, le point le plus sensible d'une boutique en ligne, et les erreurs que nous relevons le plus souvent en audit — avec, pour chacune, la façon de la corriger.
Votre boutique est-elle concernée ?
Oui, dans la grande majorité des cas. L'European Accessibility Act (transposé en France par l'ordonnance n° 2023-859) s'applique depuis le 28 juin 2025 aux services de commerce électronique. Sont concernées les entreprises qui dépassent le seuil de la microentreprise, c'est-à-dire plus de 10 salariés et plus de 2 millions d'euros de chiffre d'affaires ou de bilan. En dessous de ces deux seuils simultanément, une boutique est exemptée ; au-dessus, elle doit être accessible et pouvoir le démontrer.
Le référentiel technique de référence, ce sont les WCAG 2.1 niveau AA, dont le RGAA 4.1 est la déclinaison française. En cas de non-conformité, la DGCCRF peut, après mise en demeure, prononcer une amende pouvant atteindre 50 000 € par service. Pour le détail des seuils et des échéances, voir notre article Qui est concerné par l'obligation d'accessibilité numérique.
Le tunnel d'achat : le point le plus sensible
Sur un site vitrine, une non-conformité gêne. Sur un e-commerce, elle bloque une vente. L'European Accessibility Act insiste d'ailleurs explicitement sur l'accessibilité des fonctions d'identification, de sécurité et de paiement.
Le raisonnement à tenir est simple : un client qui utilise un lecteur d'écran, navigue au clavier ou grossit fortement l'affichage doit pouvoir aller jusqu'au bout de la commande sans aide extérieure — trouver un produit, l'ajouter au panier, se connecter, saisir son adresse, payer. Si un seul de ces maillons casse, la vente est perdue, et la responsabilité de l'entreprise est engagée. C'est ce parcours complet qu'un audit doit vérifier en priorité, pas seulement la page d'accueil.
Les erreurs les plus fréquentes (et comment les corriger)
Voici, dans l'ordre où nous les rencontrons le plus souvent sur les boutiques en ligne, les non-conformités à traiter en priorité.
1. Des contrastes de couleur insuffisants
Prix en gris clair, mentions « en stock » en vert pâle, boutons aux couleurs de la marque mais peu lisibles : le manque de contraste est de loin l'erreur numéro un. Elle exclut les personnes malvoyantes, les seniors, et tout le monde en pleine lumière.
Comment corriger : viser un ratio d'au moins 4,5:1 entre le texte et son arrière-plan (3:1 pour le grand texte et les composants d'interface). Un vérificateur de contraste suffit à repérer les couples fautifs ; la correction se fait dans la charte graphique, une fois pour toutes.
2. Des images produit sans alternative pertinente
Les visuels produit portent souvent une information (le modèle, la couleur, la référence). Sans texte alternatif, un client au lecteur d'écran ne sait pas ce qu'il regarde.
Comment corriger : renseigner un attribut alt descriptif et utile sur chaque image porteuse d'information, et un alt vide (alt="") sur les images purement décoratives pour qu'elles soient ignorées par les technologies d'assistance.
3. Des liens et boutons sans intitulé explicite
Une grille de produits avec dix boutons « Ajouter au panier » identiques, ou des liens « Voir » sans contexte : au lecteur d'écran, ces intitulés ne veulent rien dire une fois sortis de leur environnement visuel.
Comment corriger : rendre chaque intitulé compréhensible seul — par exemple en complétant le libellé visible par un nom accessible (« Ajouter au panier : nom du produit »). Bannir les liens dont le seul texte est « cliquez ici » ou une icône sans nom.
4. Des formulaires mal étiquetés
Panier, compte, adresse de livraison, paiement : l'e-commerce est un enchaînement de formulaires. Un champ sans étiquette correctement associée est inutilisable au lecteur d'écran, et un message d'erreur qui n'apparaît qu'en rouge passe totalement inaperçu.
Comment corriger : associer chaque champ à une balise <label>, indiquer les erreurs par un texte (pas seulement une couleur) rattaché au champ concerné, et ajouter les attributs autocomplete (nom, e-mail, adresse) pour faciliter la saisie assistée.
5. Une navigation impossible au clavier
Filtres de catégorie, menus déroulants, carrousels, fenêtres modales : beaucoup de composants riches ne fonctionnent qu'à la souris. Or de nombreux utilisateurs naviguent uniquement au clavier.
Comment corriger : s'assurer que tout élément interactif est atteignable avec Tab, activable avec Entrée ou Espace, que le focus reste visible, et que les composants exposent leur nom, leur rôle et leur état aux technologies d'assistance.
6. Un affichage qui casse au zoom et sur mobile
Un client malvoyant peut zoomer à 200 %, ou consulter votre site sur un petit écran. Si le contenu déborde horizontalement et l'oblige à faire défiler dans tous les sens, la commande devient un calvaire.
Comment corriger : concevoir une mise en page responsive qui se réagence sans perte d'information ni défilement horizontal jusqu'à 320 pixels de large.
7. Des changements non annoncés
« Produit ajouté au panier », « code promo invalide », « commande confirmée » : ces messages qui apparaissent dynamiquement sont souvent invisibles pour un lecteur d'écran, qui ne les annonce pas.
Comment corriger : exposer ces notifications comme messages de statut (via aria-live ou un rôle approprié) pour qu'elles soient restituées vocalement au moment où elles s'affichent.
Par où commencer ?
La bonne séquence est toujours la même : d'abord un audit pour savoir précisément où vous en êtes, ensuite une priorisation selon l'impact utilisateur et la facilité de correction, enfin la mise en conformité avec un re-test pour valider. Inutile de tout traiter d'un coup : corriger d'abord ce qui bloque une vente (le tunnel d'achat) apporte un gain immédiat, pour vos clients comme pour votre chiffre d'affaires.
Rendre sa boutique accessible, ce n'est pas seulement se mettre en règle : c'est rouvrir la porte à des clients qui, aujourd'hui, repartent sans avoir pu acheter.
Neodyr accompagne les sites e-commerce sur l'ensemble du parcours : audit RGAA, mise en conformité et formation des équipes. Une question sur votre boutique ? Écrivez-nous.