Création d’un site Commerce accessible

Conseils pour faciliter la navigation de tous les visiteurs dans votre boutique en ligne.

Dernière mise à jour le 19 février 2025

Pour aider vos visiteurs à mieux naviguer dans votre boutique en ligne, il est important d’intégrer des fonctionnalités d’accessibilité lors de la conception de votre site Commerce. Cela favorise non seulement l’inclusion, mais vous permet également d’élargir votre public. Utilisez ce guide pour passer en revue les éléments de conception que vous pourriez utiliser et les ressources qui vous aideront à améliorer le niveau d’accessibilité de votre site Commerce.

Remarque

ce guide est proposé comme ressource pour vous aider à démarrer, mais il ne doit en aucun cas être considéré comme un document juridique. Squarespace ne peut pas vous fournir de conseils sur la conformité de votre site à aucune loi, réglementation et norme spécifiques en matière d’accessibilité du web.

Images de produits

Espacement et taille

Toutes les images des éléments sur vos produits mises en avant sont disposées dans une grille sur votre page Boutique. Pour rendre votre boutique plus accessible aux visiteurs ayant des déficiences visuelles, pensez à l’espacement de vos images. Vous pouvez augmenter la marge intérieure et, en modifiant le nombre de colonnes, la taille des images dans les styles des sections de la boutique.

Ajouter un texte de remplacement aux images de vos produits

Si vous vendez des produits physiques, il est important de fournir une description (texte de remplacement) des images de vos produits. Le texte de remplacement peut aider les visiteurs qui utilisent un lecteur d’écran pour naviguer sur votre site, ou ceux qui ne peuvent pas accéder aux images pour diverses raisons, telles que la lenteur du réseau. Lorsqu’ils parcourent une page, les lecteurs d’écran identifient les images et lisent le texte de remplacement aux visiteurs. Utilisez des termes courts pour décrire l’image spécifique et le produit. Vous pouvez inclure les informations suivantes dans votre texte de remplacement :

  • Couleur du produit : ce texte peut être le seul moyen pour un visiteur de déterminer la couleur de l’article qu’il achète.
  • Mots et descriptions des images et leur emplacement sur le produit : si des mots ou des images sont imprimés sur votre produit, aucun lecteur d’écran ne les lira ni ne les décrira au visiteur.

Activer le zoom d’image

Activez le zoom d’image pour aider les visiteurs ayant des déficiences visuelles. Lorsque cette option est activée, les visiteurs peuvent agrandir les images des produits pour examiner de plus près le matériau, la texture et les détails les plus fins. Pour en savoir plus sur cette fonctionnalité, consultez l’article Fonctionnalités spéciales de la page Boutique.

Informations supplémentaires sur le produit

Vous pouvez ajouter du contenu personnalisé à une page Produits en insérant des blocs dans la section Informations supplémentaires de l’éditeur de produit. Vous pouvez notamment ajouter les éléments suivants :

Remarque

Pour toute question concernant les services tiers, contactez directement le fournisseur tiers.

Le processus de paiement

Boutons d’appel à l’action

Il est essentiel que vos clients puissent accéder aux éléments interactifs de Commerce, tels que les boutons Ajouter au panier et Poursuivre vos achats. Vous pouvez personnaliser vos boutons afin d’attirer davantage l’attention. Vous pouvez en modifier la forme, l’épaisseur du contour et utiliser d’autres options de mise en forme.

Icône Panier

Bien qu’il ne soit pas possible d’ajuster la taille de l’icône du panier, vous pouvez la rendre plus accessible en ajoutant une bordure et en veillant à ce que le contraste des couleurs soit adéquat.

Si vous vendez un produit et que vous souhaitez contourner le processus du panier d’achat, vous pouvez activer le paiement express. Avec cette option, vous pouvez personnaliser un bouton Acheter de manière à ce qu’il soit visible et plus accessible.

Considérations audio

Si votre site contient du contenu audio, vous pouvez ajouter des transcriptions. Cela rendra votre contenu plus accessible aux visiteurs malentendants, et sera également bénéfique pour le SEO. Pour que vos pages restent organisées, vous pouvez inclure des transcriptions sur les pages hors navigation.

Langue

Lorsque vous décrivez et faites la promotion de vos produits ou services, il est important d’utiliser un langage accessible. Pour en savoir plus sur la façon de rédiger efficacement tout en tenant compte de l’accessibilité, consultez l’article Créer du contenu accessible pour un site.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Création d’un site Commerce accessible