Accessibilité

Maison vise le niveau WCAG 2.2 AA, au-delà du minimum demandé par le Shopify Theme Store. L’accessibilité fait partie de la conception du thème : elle ne dépend pas d’un réglage.

Ce que le thème garantit

• Clavier : tout se parcourt et s’utilise au clavier, y compris les menus déroulants, le méga-menu, les tiroirs, les filtres, le sélecteur de variante et le zoom. Les tiroirs se ferment avec Échap et rendent le focus à l’élément qui les a ouverts.
• Focus visible : chaque élément actif affiche un contour de focus net, dans toutes les palettes de couleurs.
• Lecteurs d’écran : libellés sur toutes les icônes, repères de navigation nommés, annonces des changements (ajout au panier, changement de variante, nombre de résultats après un filtre).
• Cibles tactiles : au moins 24 × 24 px pour toute cible, et 44 px de haut pour les contrôles sur écran tactile.
• Contrastes : les palettes livrées respectent 4,5:1 pour le texte et 3:1 pour les contours des contrôles ; le texte posé sur une photo (bandeau principal, en-tête transparent, en-tête de collection) est protégé par un voile.
• Animations : si l’acheteur a demandé à son système de réduire les animations, elles sont désactivées et rien ne défile automatiquement.
• Sans JavaScript : tous les parcours d’achat restent possibles.
• Titres : chaque page a un titre principal unique, et les niveaux de titres restent visuellement distincts.

Ce qui dépend de vous

• Textes alternatifs : décrivez chaque image porteuse d’information (produits, images avec texte). Laissez vide une image purement décorative.
• Contrastes de vos palettes : si vous modifiez les couleurs, gardez les seuils décrits dans Couleurs.
• Texte sur image : ne descendez pas le voile sous le niveau qui garde votre texte lisible ; vérifiez sur vos photos les plus claires.
• Défilement automatique : laissez-le désactivé sur le bandeau principal et la barre d’annonce sauf nécessité.
• Liens explicites : préférez « Découvrir la collection Automne » à « Cliquez ici ».
• Niveaux de titres : dans les blocs Texte et Ligne dépliante, choisissez des niveaux qui suivent la structure de la page.
• Vidéos : ajoutez des sous-titres à vos vidéos YouTube ou Vimeo ; évitez la lecture automatique pour une vidéo parlée.