Shopify · EAA

Shopify et l'European Accessibility Act : corriger les problèmes fréquents

Beaucoup de thèmes Shopify sont bien construits, mais les lacunes typiques apparaissent lors de la mise en place : images sans texte alternatif, boutons-icônes sans nom et pas de déclaration d'accessibilité.

1. Textes alternatifs des photos produit

Produits → produit → Médias → image → texte alternatif. Décrivez ce qui compte pour l'achat : « Chaussette en mérinos bleu marine, pointure 39–42 », pas « IMG_2231 ».

2. Nommer les boutons-icônes

<button class="header__icon--cart" aria-label="Panier, {{ cart.item_count }} articles">
  {% render 'icon-cart' %}   <!-- dans le snippet de l'icône : aria-hidden="true" -->
</button>

3. Étiqueter le champ de recherche

<label for="Search-In-Modal" class="visually-hidden">Rechercher dans la boutique</label>
<input id="Search-In-Modal" type="search" placeholder="Rechercher">

4. Ajouter la déclaration d'accessibilité

Boutique en ligne → Pages → nouvelle page « Accessibilité », coller le texte généré, puis l'ajouter au menu du pied de page sous Navigation.

5. Vérifier les applications

Widgets d'avis, fenêtres de chat et bandeaux cookies tiers apportent souvent leurs propres obstacles. Testez-les au clavier.

Questions fréquentes

Shopify est-il automatiquement conforme à l'EAA ?

Non. Shopify et de nombreux thèmes offrent une bonne base, mais le contenu (textes alternatifs, intitulés de liens), les modifications du thème, les applications et la déclaration d'accessibilité relèvent du marchand.

Où ajouter un texte alternatif dans Shopify ?

Dans le produit, sous Médias : cliquez sur l'image et ajoutez un texte alternatif. Pour les autres fichiers : Contenu → Fichiers.