Liste de contrôle de conformité Shopify ADA (2026)

L'Americans with Disabilities Act ne mentionne pas les sites Web. Il a été écrit en 1990, avant que la plupart des gens n’aient accès au courrier électronique. Mais les tribunaux ont toujours statué que le titre III de l'ADA – qui interdit la discrimination dans les « lieux publics » – s'applique aux magasins de commerce électronique, et les commerçants Shopify sont de plus en plus poursuivis en justice pour cela. Si vous vendez en ligne aux États-Unis, ce n’est pas un risque hypothétique.

Il s'agit de la liste de contrôle que nous utilisons lorsque nous auditons l'accessibilité d'une boutique Shopify. Cela ne vous rendra pas à l’épreuve des balles – rien n’y fait – mais cela comblera les lacunes que recherchent en premier les avocats des plaignants.

Ce que l'ADA exige réellement (il n'y a pas de norme officielle)

Voici la partie qui fait trébucher les gens : l'ADA elle-même ne nomme pas de norme technique pour les sites Web. Le Congrès n'a jamais mis à jour la loi sur Internet et le ministère de la Justice a déclaré que le titre III s'appliquait aux magasins en ligne sans adopter formellement un ensemble de règles spécifiques.

En pratique, cette lacune est comblée parWCAG (Web Content Accessibility Guidelines) 2.1 ou 2.2, niveau AA. Ce n'est pas une loi, mais c'est ce à quoi les accords de règlement, les lettres d'orientation du DOJ et les décisions de justice font référence à maintes reprises. Si votre magasin répond aux normes WCAG 2.2 AA, vous êtes en phase avec ce par rapport auquel chaque partie à un procès (demandeur, défendeur et juge) vous évaluera.

Deux autres choses à savoir avant de commencer :

• La loi européenne sur l'accessibilité est désormais applicable séparément(depuis juin 2025) pour les entreprises vendant dans l’UE, avec ses propres exigences vaguement mappées aux WCAG. Si vous expédiez à des clients européens, cette liste de contrôle couvre la plupart des mêmes sujets.
• La conformité n'est pas binaire.Vous ne « réussissez » pas l’ADA de la même manière que vous réussissez un examen de conduite. Vous réduisez votre exposition en supprimant de véritables barrières, et vous continuez à la réduire à mesure que vous en trouvez davantage.

La liste de contrôle de conformité Shopify ADA

Parcourez-les dans l’ordre. Chaque section prend quelques minutes pour être vérifiée manuellement, même sans outils spécialisés.

1. Images et médias

• Chaque image de produit comporte un texte alternatif descriptif – pas « IMG_2481.jpg », ni le titre du produit répété sans détail utile, mais une description sur laquelle un acheteur aveugle pourrait agir (« pull à col rond en laine bleu marine, plié, sur fond gris »).
• Les images décoratives (textures de fond, espaceurs) ont des attributs alt vides (alt="") afin que les lecteurs d'écran les ignorent au lieu de lire un nom de fichier à haute voix.
• Toute vidéo sur votre site comporte des sous-titres. Tout audio a une transcription.

2. Couleur et contraste

• Le corps du texte a un rapport de contraste d'au moins 4,5:1 par rapport à son arrière-plan ; le texte volumineux (18 pt+) nécessite un format 3:1. Les outils gratuits de vérification du contraste le confirmeront en quelques secondes par rapport à la palette de couleurs de votre thème.
• Les badges de vente, les étiquettes « épuisé » et les erreurs de formulaire ne dépendent pas uniquement de la couleur. Une étiquette rouge « en rupture de stock » nécessite également le mot « en rupture de stock » : les utilisateurs daltoniens ne peuvent pas distinguer le rouge du vert.
• Le texte d’espace réservé dans les champs de formulaire n’est pas la seule étiquette. Le texte de l'espace réservé disparaît une fois qu'un champ est rempli et ne répond souvent pas aux exigences de contraste.

3. Navigation au clavier

• Chaque élément interactif — liens de navigation, filtres, « ajouter au panier », sélecteurs de quantité, tiroir du panier, champs de paiement — est accessible et utilisable en utilisant uniquement les touches Tab et Entrée, pas de souris.
• La mise au point est visible. Lorsque vous accédez à un bouton ou à un lien, un aperçu visuel clair indique où vous vous trouvez. De nombreux thèmes suppriment cela pour des raisons esthétiques avecoutline: noneet ne le remplacez jamais.
• Les modaux et les tiroirs du chariot capturent correctement le focus : les onglets circulent dans le modal ouvert, pas vers le contenu de la page caché derrière celui-ci - et Escape les ferme.

4. Formulaires et paiement

• Chaque entrée a un<label>lié par programme, pas seulement placé visuellement à proximité. Les lecteurs d'écran annoncent l'étiquette lorsque le champ reçoit le focus ; sans la connexion, ils n'annoncent rien d'utile.
• Les messages d'erreur sont spécifiques (« Entrez un code postal valide ») et annoncés aux lecteurs d'écran lorsqu'ils apparaissent, et pas seulement affichés en texte rouge.
• Les travaux de paiement commencent à se terminer avec un clavier et un lecteur d'écran. Il s'agit du flux le plus rentable à tester. Il est également essentiel aux revenus, donc les bugs ici vous coûtent des ventes avant même de vous coûter un procès.

5. Structure et sémantique

• Les titres suivent un ordre logique (un H1, puis des H2, puis des H3 imbriqués sous le H2 de droite) au lieu de sauter des niveaux pour le dimensionnement visuel.
• Il existe des régions marquantes – en-tête, navigation, principal, pied de page – afin que les utilisateurs de lecteurs d'écran puissent passer d'une section à l'autre au lieu d'écouter la page entière de haut en bas.
• Les liens décrivent leur destination (« Afficher la politique de retour », et non « cliquez ici » répété six fois sur une page).

6. Applications tierces

C’est la catégorie qui manque à la plupart des marchands Shopify. Votre thème est peut-être propre, mais le widget d'évaluation, la fenêtre contextuelle de vente incitative, la bulle de discussion et le compte à rebours que vous avez installés depuis l'App Store ne le sont souvent pas - et ils se chargent sur chaque page. Auditez chaque application installée individuellement ; une seule fenêtre contextuelle cassée peut annuler tout le reste.

7. Cibles tactiles mobiles

• Les boutons et les liens font au moins 44 × 44 pixels sur mobile, avec un espacement suffisant pour qu'un utilisateur ayant un contrôle moteur fin limité n'appuie pas sur le mauvais.

Comment tester votre boutique

L'examen manuel détecte les éléments manqués par les outils automatisés, et les outils automatisés détectent les éléments manquants par l'examen manuel. Utilisez les deux :

1. Exécutez d’abord une analyse automatisée.Notreoutil AccessScan gratuitvérifie votre page d'accueil, une page produit et votre panier par rapport aux règles WCAG 2.2 A/AA à l'aide d'axe-core, et signale les problèmes classés par gravité en une minute environ. Il s'agit d'un point de départ véritablement utile, mais les tests automatisés ne détectent généralement que 30 à 40 % des obstacles réels. Considérez donc une analyse propre comme un point de départ et non comme une ligne d'arrivée.
2. Naviguez sur votre propre site avec seulement un clavier.Débranchez votre souris pendant dix minutes et essayez d'acheter quelque chose.
3. Vérifiez ponctuellement avec un lecteur d’écran.VoiceOver est livré gratuitement sur tous les Mac et iPhone ; NVDA est gratuit sous Windows. Vous n'avez pas besoin de parler couramment : cinq minutes sur votre page d'accueil et votre paiement feront rapidement apparaître des problèmes évidents.
4. Re-testez après chaque mise à jour de thème ou d'application.L'accessibilité n'est pas un projet ponctuel. Une mise à jour de thème ou une nouvelle application peut réintroduire silencieusement des problèmes que vous avez déjà résolus.

Un avertissement rapide concernant les widgets d'accessibilité

Vous verrez des applications dans l'App Store de Shopify promettant une conformité instantanée à l'ADA via une seule installation de script - généralement une petite icône d'accessibilité dans le coin de votre site avec un menu d'ajustements d'affichage. C'est ce qu'on appelle des widgets de superposition et ils n'empêchent pas de manière fiable les poursuites. Nous avons rédigé une analyse complète depourquoi les widgets de superposition d'accessibilité ne fonctionnent pas comme ils sont commercialisés- vaut la peine d'être lu avant d'en installer un au lieu de suivre la liste de contrôle ci-dessus.

Combien coûte réellement la réparation

Cela dépend entièrement de la distance actuelle de votre magasin. Un magasin avec un thème propre et moderne et une poignée d'applications qui se comportent mal peut avoir besoin de quelques jours de temps de développement concentré - étiquetage des formulaires, correction du contraste, audit des applications. Un magasin construit sur un thème ancien et fortement personnalisé avec des dizaines de lacunes en matière d'accessibilité intégrées au code Liquid personnalisé est un projet plus vaste, plus proche d'une reconstruction partielle du thème.

Quoi qu’il en soit, la réparation coûte moins cher que le procès. Les frais de défense juridique et de règlement des réclamations en matière d'accessibilité Web de l'ADA s'élèvent généralement à cinq chiffres, même lorsque le correctif sous-jacent aurait pris une semaine à un développeur. Si vous souhaitez une estimation ciblée,Devmerx intègre l'accessibilité dans chaque thème et migration que nous proposonset peut proposer des travaux d'assainissement séparément si vous possédez déjà un magasin.

Foire aux questions

Shopify est-il conforme à l'ADA dès le départ ?

Aucune plateforme n'est « conforme à l'ADA » par défaut, y compris Shopify. La caisse et l'administrateur principal de Shopify ont fait l'objet de travaux d'accessibilité, mais votre thème, votre contenu et chaque application que vous installez relèvent de votre responsabilité. Un thème Shopify par défaut nécessite toujours que la liste de contrôle ci-dessus soit appliquée à votre boutique spécifique.

Le fait de respecter les WCAG 2.2 AA garantit-il que je ne serai pas poursuivi ?

Non. La conformité aux WCAG réduit considérablement vos risques et vous donne une position juridique solide en cas de réclamation, mais aucune norme technique ne constitue une garantie légale. Certaines réclamations sont opportunistes, quel que soit le degré de conformité d'un site. La conformité WCAG supprime les violations faciles et évidentes qui font d'un site une cible facile en premier lieu.

Ai-je besoin d’une page de déclaration d’accessibilité ?

Ce n’est pas légalement obligatoire, mais c’est une bonne pratique. Une courte page indiquant votre engagement en faveur de l'accessibilité, répertoriant la norme que vous ciblez (WCAG 2.2 AA) et donnant une méthode de contact pour signaler les obstacles montre votre bonne foi et offre aux utilisateurs un canal autre qu'un procès.

À quelle fréquence dois-je revérifier l’accessibilité ?

Au minimum, après chaque mise à jour de thème, chaque nouvelle installation d'application et chaque poussée de contenu majeure (nouvelles pages de collection, nouvelles pages de destination). De nombreux magasins établissent un rappel trimestriel pour exécuter une analyse complète même si rien d’évident n’a changé.

La résolution des problèmes d’accessibilité ralentira-t-elle ma boutique ?

Généralement le contraire. Le HTML sémantique, le balisage propre et la réduction des scripts tiers volumineux – les mêmes correctifs qui améliorent l'accessibilité – ont également tendance à améliorer la vitesse des pages. Les deux objectifs sont rarement en conflit.