Accessibilité WooCommerce
Rends ta boutique WooCommerce vraiment accessible. EAA, RGAA et WCAG, sans overlay
WooCommerce tourne sur WordPress, mais n'est pas accessible par défaut : le checkout, les formulaires et les boutons de thème introduisent des obstacles silencieux. Nous les trouvons et livrons la correction dans ton propre code de template, aucun widget qui ralentit ta boutique.
Voici comment Seviranta s'attaque à ton site WooCommerce à la source
Là où les obstacles se cachent
Les thèmes, extensions et formulaires introduisent des barrières silencieuses. Nous les trouvons toutes.
La correction dans la source, pas par-dessus
Des réparations concrètes dans ton thème et plugins, pas une couche d'overlay qui ne fait que masquer les erreurs.
Pas de widget, pas de ralentissement
Nous crawlons de l'extérieur depuis des serveurs UE, 0 % d'impact sur ta vitesse de chargement et tes Core Web Vitals.
Prêt pour l'EAA
On teste ton site face à WCAG, au niveau auquel les régulateurs contrôlent.
Scan headless avec axe-core, le même moteur que celui de Google Lighthouse, depuis nos serveurs situés dans l'UE. 0% d'impact sur ta vitesse de chargement.
La vérité : WooCommerce n'est pas accessible par défaut
Un thème WooCommerce par blocs soigné comme Storefront démarre mieux que beaucoup de boutiques, mais atteint rarement le WCAG 2.2 AA tout seul. Dès que tu personnalises ton checkout, installes des extensions ou choisis un thème aux boutons gris clair, des obstacles apparaissent que tes clients, et le European Accessibility Act, n'acceptent pas.
Ce qui est vraiment en jeu
- Un checkout non accessible est une infraction directe à l'EAA.
- Un widget d'accessibilité ne compte pas comme une solution structurelle.
- Les autorités de contrôle testent le HTML généré, y compris tes apps.
- « On utilise WooCommerce » n'est pas une défense juridique : la responsabilité incombe à la boutique en ligne en service, pas à la plateforme.
Ce que l'attente peut coûter
jusqu'à € 1.000.000
Maximum UE · Espagne/Luxembourg
$ 4.000
États-Unis · Californie (Unruh), par visite
Tu n'es pas sanctionné du jour au lendemain, d'abord vient une mise en demeure avec un délai. Mais celui qui peut alors présenter un dossier daté s'en sort au moindre coût.
Vois ce qui s'applique à ton marché →Le risque caché des extensions WooCommerce tierces
Les widgets d'avis, les filtres, les bundlers et les apps de recherche injectent du HTML dynamique dans ton frontend, et chaque mise à jour d'app peut ajouter un nouvel obstacle. Dans un audit, ce code compte pleinement, même si ce n'est pas toi qui l'as écrit. C'est pourquoi Seviranta surveille en continu le résultat final tel qu'un régulateur le voit : ton thème WooCommerce plus toutes les apps et le contenu dynamique.
Ce qui cloche souvent sur WooCommerce
- Messages d'erreur du checkout sans aria-liveQuand le paiement échoue, WooCommerce affiche un message du type « saisis une adresse valide ». Sans aria-live="assertive", un utilisateur aveugle n'entend pas ce message et continue de deviner pourquoi la commande ne passe pas.
- Champs de formulaire sans label associéDans beaucoup de thèmes et de personnalisations de checkout, les champs arrivent sans label correctement associé ou avec un simple placeholder. Un utilisateur de lecteur d'écran entend alors un champ de saisie vide sans savoir ce qu'il doit y mettre.
- Contraste trop faible dans les boutons du thèmeBeaucoup de thèmes WooCommerce utilisent du texte gris clair sur un bouton coloré, ou une couleur de bouton proche de l'arrière-plan. Cela ne passe souvent pas le minimum de contraste du WCAG, si bien que les clients malvoyants ne peuvent pas lire « Ajouter au panier ».
- Ajout au panier via AJAX sans message d'étatQuand un client clique sur « Ajouter au panier », ça passe par AJAX sans rechargement de page. Sans live-region, un lecteur d'écran ne signale jamais que le produit a été ajouté, si bien que l'utilisateur ne sait pas si l'action a réussi.
À quoi ressemble une vraie correction
Prends un label de formulaire dans ton checkout WooCommerce. Via un filtre, tu te branches sur le champ et lui donnes un nom correct et associé, pas de reconstruction du checkout :
<input type="text" name="billing_company" id="billing_company"
placeholder="Bedrijfsnaam">add_filter( 'woocommerce_checkout_fields', function( $fields ) {
$fields['billing']['billing_company']['label'] = __( 'Bedrijfsnaam', 'theme' );
return $fields;
} );Ce que tu règles toi-même dans WooCommerce
WooCommerce affirme lui-même que le front-end du plugin de base est « substantially conformant » au WCAG 2.2 AA et s'appuie sur un rapport testé en externe. Le risque se trouve dans ce que tu mets autour : thème, personnalisations du checkout et plugins. Voici l'ordre à suivre.
- 1Sache ce que le rapport couvre et ne couvre pasLe rapport de conformité (juin 2025, WooCommerce 10.0, testé avec NVDA, VoiceOver et JAWS) ne couvre que le front-end du plugin de base sur un thème par défaut. Les points « partially supports » se situent presque tous dans les blocs de filtres obsolètes depuis la version 9.9 : labels et fieldsets manquants, un piège au clavier dans Firefox avec VoiceOver, pas d'indicateur de focus, pas de messages de statut. Si tu utilises encore ces blocs, remplace-les. Toujours ouvert dans le dépôt : la galerie produit répétitive pour les lecteurs d'écran (depuis 2022), le tiroir du mini-panier avec des éléments focalisables derrière aria-hidden, et des notifications de boutique sans rôle aria.
- 2Thème : accessibility-ready n'est pas WCAGLe tag « accessibility-ready » sur WordPress.org signifie que le thème a passé une revue manuelle sur 18 exigences de base (lien d'évitement, focus d'au moins 2 px, contraste 4,5:1, repères, labels). WordPress précise lui-même que cela ne veut pas dire que le thème atteint le niveau WCAG AA. Storefront (4.6.2, décembre 2025) porte ce tag ; le thème par blocs de WooCommerce a été retiré en juillet 2025. Choisis un thème avec le tag, puis teste tes propres couleurs et ton contenu.
- 3Checkout : blocs ou shortcode, et ce que les plugins en fontDepuis la version 8.3, les blocs Cart et Checkout sont le défaut ; le checkout par shortcode continue de fonctionner pour les boutiques existantes. Les blocs sont rendus en JavaScript et n'acceptent que les hooks migrés, donc un plugin qui modifie le checkout doit déclarer sa compatibilité. WooCommerce prévient lui-même : les thèmes et plugins qui modifient le checkout peuvent casser l'accessibilité. Teste le checkout après chaque mise à jour de plugin.
- 4Où atterrit la correctionThème classique : surcharger les templates dans wp-content/themes/<child>/woocommerce/…, ou mieux via des hooks, parce qu'ils survivent à une mise à jour. Thème par blocs : templates/single-product.html et le Site Editor, couleurs et typographie dans theme.json. L'attribut lang vient de Réglages → Général → Langue du site. Les plugins injectent du balisage via les mêmes hooks ; dans l'audit, ça compte comme si tu l'avais écrit toi-même.
- 5Texte alternatif et contenuLes images produit sont des éléments média ordinaires : Médias → Bibliothèque → « Alt Text ». Décris ce qui compte pour la décision d'achat ; le décoratif reste vide. WooCommerce cite lui-même ce point comme devoir du propriétaire de la boutique, avec la structure des titres, les labels de formulaire et un test au lecteur d'écran.
La WordPress Accessibility Team déconseille les widgets overlay et écrit qu'aucun outil automatisé n'atteint la conformité à lui seul. Nous non plus : le scan trouve ce qui est certain de façon automatique, la correction se trouve dans ton thème et tes plugins, et la part qui demande un jugement humain est listée à part.
Ce que tu reçois
Par erreur : quoi, pourquoi et comment
Pour chaque constat, tu vois ce qui ne va pas, qui c'est affecté, quelle règle WCAG est concernée et une solution concrète, pensée pour WooCommerce, avec un exemple de code quand c'est possible.
Détection spécifique à la plateforme
Tu attrapes les erreurs qui surgissent précisément sur WooCommerce, pas seulement ce qu’un contrôle WCAG générique repère.
Un dossier qui tient la route
Un aperçu daté de tes scans et de tes constats que tu peux présenter lors d'un audit ou d'une inspection.
Avec un outil de reporting, tu paies la licence et tes développeurs pour corriger les erreurs. Avec Seviranta, la correction est incluse, pas de double facture.
Protège ta conversion et ta situation juridique
Une app qui colle une icône d'accessibilité par-dessus ton site WooCommerce est un risque pour ton activité. Les faits :
Les widgets d'accessibilité pour WooCommerce
- Chargent des scripts externes supplémentaires qui nuisent à ta vitesse de chargement (LCP) et donc à ta conversion.
- Masquent l'erreur au lieu de la résoudre, le code sous-jacent reste défectueux.
- Ne te protègent pas contre les plaintes. La FTC a infligé en 2025 une amende d'1 million de dollars au fournisseur d'overlay accessiBe pour des allégations de conformité trompeuses.
L'approche Seviranta
- 0 % d'impact sur ta vitesse de chargement, on scanne de l'extérieur depuis nos serveurs en UE.
- On répare le vrai code source de tes templates WooCommerce.
- On constitue automatiquement ton dossier EAA conservable, prêt à présenter à un régulateur.
Questions et réponses
- WooCommerce dit atteindre le WCAG 2.2 AA. Pourquoi ma boutique échoue-t-elle alors ?
- Cette affirmation porte sur le front-end du plugin de base sur un thème par défaut. Ton thème, tes couleurs, ton contenu produit, tes personnalisations du checkout et chaque plugin s'affichent dans la même page, et c'est là que se trouvent les constats. WooCommerce le dit lui-même : les thèmes et plugins peuvent casser l'accessibilité du checkout.
- Ma boutique WooCommerce doit-elle respecter le RGAA ou l'EAA ?
- Le RGAA (version 4.1.2, géré par la DINUM) est la méthode française : 106 critères qui couvrent les critères de succès de niveau A et AA du WCAG 2.1 via l'EN 301 549. L'obligation de l'article 47 de la loi 2005-102 vise le secteur public et les entreprises dont le chiffre d'affaires dépasse 250 M€, avec l'Arcom comme autorité de contrôle. Depuis le 28 juin 2025, le e-commerce relève en plus de la transposition de l'EAA dans le Code de la consommation (article L. 412-13), avec une exception pour les micro-entreprises (moins de 10 personnes et 2 M€ de CA ou de bilan au maximum), sous le contrôle de la DGCCRF. Le RGAA évalue la page publiée, quel que soit l'outil de construction. Le rapport de WooCommerce ne couvre que le cœur du plugin, pas ton thème ni tes extensions.
- Dois-je passer du checkout par shortcode au checkout par blocs ?
- Pas forcément. WooCommerce ne publie pas de comparaison et le rapport teste les deux. Mais le checkout par blocs est, depuis la 9.0, l'endroit où atterrissent la plupart des améliorations (repère main, messages de statut, structure des titres). Si tu restes sur le shortcode, vérifie toi-même les messages d'erreur, les labels et le message de statut à « mettre à jour le panier » ; ces points n'ont été corrigés qu'en 2025.
- Un widget d'accessibilité pour WooCommerce suffit-il pour l'EAA ?
- Non. Un widget pose une couche par-dessus ton site, mais ne répare pas le code sous-jacent et ne compte pas comme une conformité structurelle.
- Mon checkout WooCommerce relève-t-il de l'EAA ?
- Oui. Le checkout et la navigation font explicitement partie de l'obligation au titre du WCAG 2.1 AA.
- Seviranta scanne-t-il aussi mes apps WooCommerce ?
- Oui. On teste le HTML final généré, thème plus apps, comme le fait une autorité de contrôle.
- Est-ce que ça va ralentir mon site WooCommerce ?
- Non. On scanne de l'extérieur depuis nos serveurs en UE ; aucun script ne se pose sur ton site. 0 % d'impact sur ta vitesse de chargement et tes Core Web Vitals.
Nous le faisons aussi nous-mêmes
Nous nous imposons exactement la même exigence : notre propre site affiche 0 erreur dans axe-core, le même moteur que celui de Google Lighthouse, celui avec lequel nous scannons aussi ta boutique WooCommerce. Ce qu'une machine détecte avec certitude, nous le corrigeons automatiquement, le reste, c'est un humain qui l'évalue. Voici avec quelle rigueur nous te livrons tout ça : vois un vrai exemple de rapport.
Ce que l'EAA et le RGAA attendent de ta boutique WooCommerce
Depuis juin 2025, ta boutique en ligne doit respecter le WCAG 2.1 AA, une boutique WooCommerce ne fait pas exception. Le scan gratuit te montre en 60 secondes où tu en es, avec la ligne exacte qui ne passe pas.
Tu vends dans plusieurs pays ?
WCAG est la norme mondiale. Presque chaque marché s'appuie dessus :
Mets ta boutique WooCommerce en conformité WCAG une seule fois et tu couvres la barre technique sur tous ces marchés. Ce qui change selon le marché, c'est l'autorité de contrôle et les amendes.
Vois ce qui s'applique selon ton marché cible →Tu gères plusieurs sites WooCommerce pour des clients ?
Évite que les boutiques que tu livres ne deviennent un risque juridique sous l'EAA pour tes donneurs d'ordre. Utilise Seviranta comme ton tampon qualité automatisé à chaque livraison et chaque déploiement, un seul scan, et chaque site est démontrablement en règle.
Découvre notre programme partenaire →Autres plateformes
Pour aller plus loin
Scanne ta boutique WooCommerce gratuitement
Colle l'URL de ta boutique WooCommerce dans le scan gratuit et vois en moins d'une minute quelles lignes ne passent pas, avec l'emplacement exact dans ton checkout ou ton thème.