Étude de cas : mise en conformité RGAA d'une PME e-commerce en 4 mois

L'European Accessibility Act, applicable depuis le 28 juin 2025, a fait basculer des milliers de PME e-commerce dans le périmètre de l'accessibilité numérique. Pour beaucoup, le sujet est neuf : aucune déclaration d'accessibilité publiée, aucun audit réalisé, une dette qui s'est accumulée au fil des refontes thématiques. Comment passe-t-on, concrètement, d'un site jamais audité à un niveau de conformité publiable ?

Cette étude de cas suit le parcours fictif de « Maison Verel », une PME e-commerce lyonnaise de 42 salariés, sur quatre mois. Elle décrit l'audit initial, le triage des non-conformités, les trois sprints de remédiation et le bilan post-correction. L'objectif n'est pas de promettre une recette miracle, mais de montrer qu'un palier autour de 90 % de conformité est atteignable sans refonte, à condition de séquencer le travail.

Note : « Maison Verel » est un cas fictif. Les ordres de grandeur (taux de conformité, types d'erreurs dominants, coûts indicatifs) sont calibrés sur des sources publiques citées dans l'article (WebAIM Million, Observatoire Aveugles de France, access-score). Aucun client réel n'est désigné.

Le point de départ : Maison Verel, mai 2025

Le contexte business et réglementaire

Maison Verel commercialise du linge de maison et des objets de décoration, exclusivement en ligne. La société emploie 42 salariés pour 11 M€ de chiffre d'affaires. Son socle technique combine un thème Shopify customisé, des landing pages développées en Next.js, un tunnel de commande standard, un espace client et un blog éditorial.

À cette taille, l'entreprise entre dans le périmètre de l'European Accessibility Act, qui s'applique depuis le 28 juin 2025 aux acteurs privés du e-commerce, hors micro-entreprises de moins de 10 salariés et 2 M€ de chiffre d'affaires. Le cadre est détaillé dans notre article EAA 2025 : la directive européenne et ses obligations.

Le déclencheur a été double. Un courrier d'un client signalant l'impossibilité de finaliser une commande au clavier a alerté le service relation client. Quelques jours plus tard, le service compliance interne a remonté l'échéance EAA et le risque de sanction au comité de direction. Le sujet de l'accessibilité, jamais traité jusque-là, est devenu prioritaire.

Le scan automatisé initial : ce qu'il révèle en dix minutes

Avant tout engagement budgétaire, l'équipe technique a lancé un scan automatisé gratuit sur huit pages représentatives. Le résultat agrégé donne un taux de conformité estimé autour de 48 %, en cohérence avec ce qu'on observe sur les sites e-commerce non audités. Sur l'ensemble du web, le rapport WebAIM Million 2026 constate que 95,9 % des pages d'accueil présentent au moins une erreur détectable automatiquement, avec une moyenne de 56,1 erreurs par page.

Les six familles d'erreurs les plus fréquentes selon WebAIM représentent 96 % des occurrences détectées : contraste insuffisant (83,9 % des pages), alternatives textuelles manquantes (53,1 %), labels de formulaires manquants (51 %), liens vides (46,3 %), boutons vides (30,6 %) et langue de document manquante (13,5 %). Maison Verel coche cinq de ces six cases dès le premier scan.

Le réflexe à éviter : croire que le scan suffit

Un scan automatisé est un excellent point de départ, mais il ne couvre qu'un tiers à la moitié des critères RGAA, comme rappelé dans notre guide sur le coût et la méthode d'audit. Il ne dit rien sur la pertinence d'un texte alternatif, sur la cohérence de l'ordre de tabulation, ni sur l'utilisabilité réelle avec un lecteur d'écran. L'erreur classique consiste à corriger uniquement ce que l'outil signale et à publier une déclaration sur cette base, ce qui produit un taux artificiellement élevé.

Maison Verel a fait le choix inverse : utiliser le scan pour cadrer le périmètre, puis commander un audit manuel.

L'audit initial : méthode et findings

Constitution de l'échantillon

L'audit a été confié à un prestataire spécialisé. L'échantillon retenu compte huit pages, sélectionnées pour couvrir la diversité fonctionnelle du site : page d'accueil, page catégorie, fiche produit, page panier, première étape du tunnel de commande, page de connexion à l'espace client, formulaire de contact et un article du blog. Cette taille d'échantillon correspond au minimum recommandé pour un site e-commerce, comme décrit dans la méthodologie d'audit.

Les outils mobilisés

Le prestataire combine outils automatisés et tests manuels : axe-core pour la détection de base, NVDA sous Windows et VoiceOver sous macOS pour les tests avec lecteur d'écran, navigation clavier exhaustive sur chaque page, vérification des contrastes avec un analyseur dédié, et tests de zoom à 200 %. La méthodologie est conforme aux 106 critères du RGAA 4.1.2, dont la structure est détaillée dans notre guide complet du RGAA.

Les findings : taux de conformité et top non-conformités

Le rapport d'audit confirme et précise le scan automatisé : 48 % de conformité globale, avec une répartition très hétérogène par thématique. Les thématiques les plus dégradées sont, dans l'ordre, Formulaires, Couleurs, Navigation et Scripts. À l'inverse, les thématiques Cadres et Tableaux sont quasi conformes, faute d'usage massif.

Le profil des non-conformités est conforme aux patterns documentés par WebAIM Million 2026 : contrastes insuffisants sur les boutons secondaires et le texte de prix barré, alternatives textuelles génériques ou absentes sur les visuels produits, labels manquants sur le formulaire de tunnel de commande, focus invisible sur plusieurs composants interactifs, et absence d'attribut lang sur la balise html des landing pages Next.js. Pour un panorama plus large de ces patterns, voir notre article sur les erreurs d'accessibilité les plus courantes.

Lecture du rapport : bloquant vs cosmétique

Toutes les non-conformités ne pèsent pas le même poids pour l'utilisateur. Le rapport distingue trois niveaux : bloquant (l'utilisateur ne peut pas accomplir la tâche), gênant (la tâche est faisable mais dégradée) et cosmétique (la conformité formelle est en cause sans impact direct). Sur Maison Verel, les non-conformités bloquantes représentent environ un quart du total mais concentrent l'essentiel du risque juridique et de l'expérience dégradée — notamment le tunnel de commande inutilisable au clavier.

Triage des criticités

Matrice impact utilisateur × coût de correction

Avant de planifier les sprints, l'équipe a construit une matrice à deux axes : impact utilisateur (bloquant, gênant, cosmétique) et coût de correction (faible, moyen, élevé). Cette matrice permet de séquencer le travail au lieu de traiter les non-conformités dans l'ordre du rapport, ce qui produirait un calendrier inefficace.

Le principe est simple : traiter d'abord ce qui a un fort impact et un coût faible, repousser ce qui a un faible impact et un coût élevé, et planifier les chantiers structurants en sprint dédié.

Les quick wins

Une part importante des non-conformités relève de corrections rapides, automatisables ou semi-automatisables :

• ajustement des contrastes sur les boutons secondaires et certains textes informatifs ;
• ajout d'alternatives textuelles sur les visuels produits, en s'appuyant sur les champs déjà saisis dans le PIM ;
• ajout de l'attribut lang="fr" sur la balise html des landing pages Next.js ;
• complétion des titres de page (<title>) manquants sur deux pages techniques ;
• ajout de labels explicites sur les champs de recherche et de newsletter.

Ces corrections représentent quelques jours-développeur cumulés et adressent les familles d'erreurs majoritaires de WebAIM Million.

Les chantiers structurants

À l'opposé, certains chantiers exigent un travail de fond. Le tunnel de commande doit être rendu intégralement navigable au clavier, avec un ordre de tabulation cohérent et un focus visible. Les composants interactifs custom du blog (carrousel, accordéon FAQ, modale de newsletter) doivent être refactorés pour exposer correctement leurs rôles ARIA et gérer le focus. Le formulaire de contact doit recevoir des messages d'erreur explicitement liés aux champs concernés.

Ces chantiers illustrent un coût bien documenté : un défaut d'accessibilité corrigé en conception coûte 1x, en QA 3x, en tests 12x et après mise en production 30x. Maison Verel paie ici le coût de composants livrés sans accessibilité.

Plan d'action en trois sprints

Sprint 1 (2 semaines) : quick wins automatisables

Le premier sprint cible exclusivement les corrections à fort impact et faible coût : contrastes, attributs alt, attribut lang, titres de page, labels basiques. L'équipe automatise ce qui peut l'être : lint CSS sur les contrastes, vérification des alt à l'intégration des produits, règle ESLint imposant lang sur le composant racine Next.js.

Une recette d'accessibilité est ajoutée à la définition de « done » pour chaque ticket front. Le scan automatisé est intégré en CI sur les pages clés, avec une alerte en cas de régression. À l'issue du sprint 1, le taux de conformité interne mesuré passe à environ 68 %.

Sprint 2 (4 semaines) : formulaires, navigation clavier, focus

Le deuxième sprint attaque les formulaires et la navigation clavier. Chaque champ reçoit un label associé via for/id, les messages d'erreur sont reliés aux champs concernés via aria-describedby, l'ordre de tabulation est revu sur le tunnel de commande, et un style de focus visible cohérent est appliqué à l'ensemble du design system. Les bonnes pratiques associées sont détaillées dans notre article navigation clavier accessible.

Ce sprint est plus exigeant, car il touche au design system et exige une coordination entre développement, design et propriétaire produit. Le contre-test au clavier devient systématique sur chaque pull request impactant un composant interactif. À l'issue du sprint 2, le taux mesuré atteint environ 82 %.

Sprint 3 (4 semaines) : composants interactifs et contre-audit

Le troisième sprint traite les chantiers structurants restants : refactor du carrousel pour exposer les contrôles de pause et la navigation au clavier, accordéon FAQ basé sur le pattern disclosure documenté par les WAI-ARIA Authoring Practices, modale de newsletter avec piège à focus correct et restitution du focus à la fermeture. Le tunnel de commande est testé de bout en bout avec NVDA et VoiceOver.

Un contre-audit est commandé au prestataire initial. Il porte sur le même échantillon de huit pages, avec la même méthodologie. Cette étape est essentielle : elle valide que les corrections sont effectives et qu'aucune régression n'a été introduite.

Résultats à quatre mois

Taux de conformité atteint

Le contre-audit livre un taux de conformité global de 91 %, avec une amélioration sensible sur les thématiques Formulaires, Couleurs et Navigation. Quelques non-conformités résiduelles persistent sur la thématique Multimédia (transcription absente sur deux vidéos produit) et sur des composants legacy non touchés par le périmètre. Ce niveau place Maison Verel très au-dessus de la moyenne observée sur le web ouvert : selon l'Observatoire access-score, seuls 2,52 % des ~4 000 sites suivis respectent leurs obligations d'accessibilité, et 0,49 % se déclarent totalement conformes.

À titre de comparaison, l'Observatoire des démarches essentielles mis à jour en mars 2026 montre que 6,5 % seulement des démarches essentielles publiques sont totalement conformes au RGAA (16 sur 244), avec un taux moyen de 77,3 % et une médiane de 80,3 %. Un palier à 91 % sur un site privé est donc déjà un résultat solide.

Publication de la déclaration d'accessibilité

À l'issue du contre-audit, Maison Verel publie une déclaration d'accessibilité partiellement conforme, en s'appuyant sur le modèle de déclaration d'accessibilité. La déclaration mentionne explicitement les non-conformités restantes, le périmètre testé et le calendrier de remédiation. La mention « Accessibilité : partiellement conforme » est ajoutée en pied de page.

Cette transparence est protectrice. Comme rappelé dans notre article sur les sanctions RGAA et amendes, l'absence de déclaration est elle-même un manquement déclaratif sanctionnable, indépendamment du niveau technique du site.

Effets de bord positifs

La mise en conformité a produit plusieurs effets de bord non anticipés. Les corrections de contrastes et la clarification des intitulés ont amélioré le score Lighthouse d'accessibilité de manière mesurable. Le balisage sémantique renforcé a bénéficié au référencement naturel, en cohérence avec les recommandations détaillées dans notre article accessibilité et SEO. Enfin, le tunnel de commande, désormais utilisable au clavier et avec lecteur d'écran, a vu son taux d'abandon baisser de manière statistiquement significative — un signal cohérent avec les retours d'expérience du secteur e-commerce, détaillés dans e-commerce accessible et EAA.

Ce qui reste à faire

Non-conformités résiduelles

Les 9 % de non-conformités restantes ne sont pas un échec, mais un périmètre documenté. La transcription des vidéos produit est planifiée sur le trimestre suivant, en lien avec un prestataire spécialisé. Quelques composants legacy seront refactorés lors de la prochaine itération du design system. Chaque non-conformité résiduelle est tracée dans le registre interne et associée à une échéance.

Schéma pluriannuel et monitoring continu

Maison Verel a formalisé un schéma pluriannuel de mise en accessibilité sur trois ans, couvrant la stabilisation du niveau atteint, le traitement des non-conformités résiduelles et l'intégration de l'accessibilité dans le cycle produit. Le scan automatisé tourne désormais en CI à chaque déploiement, avec alerte en cas de régression sur les pages critiques.

Gouvernance interne

Trois éléments structurent la pérennité du chantier. Le design system intègre désormais les contraintes d'accessibilité en amont, ce qui ramène le coût de correction du facteur 30 (post-production) au facteur 1 (conception). Un référent accessibilité est désigné côté produit, avec un point mensuel. Une formation initiale de deux jours est dispensée aux développeurs et designers, complétée par une checklist de revue de pull request.

Ce qu'il faut retenir pour votre propre site

Le parcours de Maison Verel n'a rien d'exceptionnel. Il combine quatre ingrédients reproductibles : un scan automatisé initial pour cadrer le périmètre, un audit manuel pour identifier les non-conformités non détectables automatiquement, un triage par impact et coût plutôt qu'une lecture linéaire du rapport, et une séquence en sprints qui priorise les quick wins avant les chantiers structurants. Le budget d'audit reste dans la fourchette documentée de 3 000 à 15 000 € selon la complexité, comme détaillé dans notre comparatif coût et méthode.

L'enseignement principal est simple : la conformité RGAA n'est pas un état binaire. Passer de 48 % à 91 % en quatre mois est atteignable pour une PME e-commerce moyenne. Ce qui ne l'est pas, c'est de viser 100 % du premier coup. Mieux vaut un palier solide, documenté et publié qu'une non-publication par perfectionnisme.

Pour démarrer, un scan automatisé gratuit du site donne une vision objective du point de départ en quelques minutes. C'est exactement le geste qu'a fait Maison Verel en mai 2025, avant toute décision budgétaire.

Rappel : « Maison Verel » est une société fictive. Les ordres de grandeur cités (48 % de conformité initiale, 91 % au contre-audit, profil des non-conformités) sont calibrés sur des données publiques agrégées : WebAIM Million 2026, Observatoire Aveugles de France, access-score. Aucun client réel n'est désigné.