Accessibilité Shopify et WooCommerce : par où commencer ?

Vous vendez sur Shopify ou WooCommerce et vous vous demandez si la plateforme « s'occupe » de l'accessibilité ? La réponse honnête est : elle vous donne de bonnes fondations, mais la conformité finale dépend de votre thème, de votre contenu, de vos personnalisations et de vos apps — et reste votre responsabilité légale.

La vérité qui dérange : aucune plateforme ne vous rend conforme

C'est le malentendu le plus coûteux. Une plateforme e-commerce fournit un socle technique ; la conformité aux WCAG 2.1 AA (la grille imposée par la norme EN 301 549, elle-même exigée par l'EAA) se joue sur trois couches que vous contrôlez : le thème que vous choisissez, le contenu que vous publiez (images, textes, vidéos) et les extensions tierces que vous installez. Les deux éditeurs sont explicites sur ce partage de responsabilité :

• Shopify indique que les marchands ont « le contrôle complet du code de leur thème » et qu'il leur revient de vérifier la conformité de leur boutique aux lois applicables ; sa documentation développeur précise que suivre ses bonnes pratiques « ne garantit pas que votre thème soit complètement accessible ».
• WordPress (socle de WooCommerce) écrit que le label « accessibility-ready » « ne signifie pas que le thème atteint le niveau AA des WCAG » et n'exonère pas de rendre accessibles son contenu et sa navigation. La documentation WooCommerce ajoute que « les styles d'un thème et les extensions tierces peuvent casser l'accessibilité du tunnel de commande ».

Autrement dit : les plateformes vous évitent de partir de zéro, mais le dernier kilomètre — celui qui est contrôlé en cas de litige — vous appartient.

Shopify : ce qui est couvert, ce qui reste à votre charge

Shopify a investi dans l'accessibilité de ses propres briques : il publie des VPAT (rapports de conformité) pour son admin, son tunnel de paiement et son thème gratuit Dawn. Concrètement :

Ce que Shopify apporte

• Les thèmes gratuits « Online Store 2.0 » (dont Dawn) sont, d'après Shopify, ses thèmes les plus susceptibles d'être accessibles — un bien meilleur point de départ qu'un thème premium chargé d'effets.
• Le tunnel de paiement Shopify a fait l'objet d'un audit et d'un VPAT testé contre les WCAG ; c'est souvent la partie la plus fiable de la boutique.

Ce qui reste à votre charge (et qui pèche le plus souvent)

• Texte alternatif des images produit : c'est vous qui le saisissez. Une boutique de centaines de produits sans alt est non conforme, quel que soit le thème.
• Contraste des couleurs : dès que vous personnalisez la palette du thème (couleur de marque sur les boutons, prix en gris clair, badges « promo »), vous pouvez passer sous le seuil de 4,5:1.
• Apps et pop-ups tiers : bandeaux d'avis, roues de réduction, chats, notifications — installés depuis l'App Store, ils s'injectent dans la page et introduisent fréquemment des pièges au clavier ou des éléments non étiquetés.
• Problèmes connus du checkout : même audité, le VPAT du tunnel Shopify documente lui-même des points non résolus (ordre de focus de certains boutons, suggestions d'adresse difficiles à atteindre au lecteur d'écran). À tester sur votre configuration.

WooCommerce / WordPress : « accessibility-ready » n'est pas « conforme »

WooCommerce hérite des bonnes pratiques de WordPress et ajoute ses propres garde-fous, mais l'écosystème (thèmes, plugins, page builders) est plus hétérogène — donc plus risqué si on n'y prend pas garde.

Ce que WordPress / WooCommerce apportent

• Le label « accessibility-ready » d'un thème WordPress garantit une revue manuelle sur des points précis (navigation clavier, liens d'évitement, formulaires, contrastes, alternatives, titres) — un vrai filtre de qualité de départ.
• WooCommerce annonce des « valeurs par défaut accessibles » et un travail d'audit de ses composants front-end engagé en 2024 pour corriger ses blocs.

Ce qui reste à votre charge

• Le thème reste votre responsabilité : « accessibility-ready » n'égale pas WCAG AA, et un thème non labellisé (ou fortement personnalisé) peut être non conforme.
• Les page builders (Elementor, Divi…) génèrent souvent du code peu accessible par défaut : les manquements les plus fréquents restent l'absence d'alternative textuelle et le contraste insuffisant. Ils peuvent être rendus accessibles, mais seulement si vous les configurez correctement.
• Les plugins tiers (avis, pop-ups RGPD, formulaires, multidevise) qui modifient le panier ou le checkout peuvent casser l'accessibilité — exactement comme côté Shopify.
• Le contenu : alternatives textuelles des images produit, structure de titres, libellés — à votre main, page par page.

Le point commun aux deux : ce qui se teste à la main

Quelle que soit la plateforme, certains critères ne se « cochent » pas via un réglage : ils se vérifient en utilisant réellement le site. Les voici, du plus rentable au plus fin :

Pour le détail point par point, notre checklist de conformité EAA en 24 points reprend chaque vérification par étape du parcours d'achat.

Par où commencer : le plan d'action

1. Mesurez l'existant. Un scan automatisé détecte en quelques secondes 30 à 50 % des problèmes (contrastes, alt manquants, libellés, structure) et vous donne les éléments exacts à corriger — un point de départ chiffré plutôt qu'une page blanche.
2. Choisissez ou assainissez le thème. Sur Shopify, partez d'un thème OS 2.0 (Dawn) plutôt qu'un thème premium surchargé ; sur WordPress, privilégiez un thème « accessibility-ready ». Si vous y êtes déjà attaché, corrigez plutôt que de tout refaire.
3. Corrigez les quick wins. Contrastes de la palette, alternatives textuelles des images, libellés de champs : fort impact, faible coût.
4. Auditez vos apps / plugins. Désactivez temporairement les pop-ups et widgets et re-testez le parcours : vous verrez vite lesquels cassent l'accessibilité.
5. Testez à la main au clavier puis au lecteur d'écran, au moins sur le tunnel de paiement.
6. Publiez la déclaration d'accessibilité. Obligatoire, vite réalisée, et c'est le manquement le plus simple à constater (voir ci-dessous).

L'étape que les deux plateformes oublient : la déclaration

Ni Shopify ni WooCommerce ne génèrent la déclaration d'accessibilité que la loi exige. Or c'est l'obligation la plus facile à contrôler — un agent regarde simplement si elle existe — et son absence est sanctionnable : jusqu'à 25 000 € en France, et le cadre s'applique partout dans l'UE (jusqu'à 100 000 € en Allemagne, par exemple). La déclaration doit indiquer l'état de conformité réel (totalement / partiellement / non conforme), lister les non-conformités connues et donner les voies de recours.

C'est exactement ce que DeclareAccess produit : à partir d'un audit, vous obtenez le document au modèle légal — français (RGAA) ou allemand (BFSG) — prêt à publier en pied de page.

Questions fréquentes