L'importance de l'accessibilité pour votre boutique en ligne

Tous ceux qui achètent en ligne le font un peu différemment. Nous prenons des décisions à notre propre rythme, utilisons différents appareils et interagissons avec les magasins de la manière qui nous convient le mieux.

Pour certains acheteurs, le processus de visualisation ou d'achat d'un produit est très différent de ce à quoi vous pourriez vous attendre. Leur connexion Internet peut être lente en raison du fait qu'ils vivent dans un pays en développement, ils peuvent compter sur un lecteur d'écran en raison d'une déficience visuelle ou ils peuvent naviguer avec un clavier en raison de l'incapacité d'utiliser une souris de manière fiable.

Ces différences créent le besoin de concevoir et de maintenir un magasin accessible à tous . C'est l'objectif de l'accessibilité pour le commerce électronique : créer une boutique en ligne que tout le monde peut utiliser, quel que soit son âge, son niveau de compétence, son emplacement ou la présence d'un handicap.

Aujourd'hui, nous allons voir pourquoi vous devriez rendre votre boutique WooCommerce plus accessible, et quelques ressources que vous pouvez utiliser pour améliorer sa conception et ses fonctionnalités pour tous vos acheteurs.

Prêt à apprendre? Commençons par examiner de plus près ce que nous entendons lorsque nous parlons d'accessibilité.

Accessibilité du commerce électronique : qu'est-ce que c'est et pourquoi c'est important

Le World Wide Web Consortium (W3C en abrégé) déclare que « l' accessibilité signifie que les personnes handicapées peuvent utiliser [Internet] ». L'introduction de l'Initiative pour l'accessibilité du Web (WAI) précise :

L'accessibilité du Web englobe tous les handicaps qui affectent l'accès au Web, y compris les handicaps visuels, auditifs, physiques, de la parole, cognitifs et neurologiques.

La capacité d'un client à accéder à une boutique en ligne ou à l'utiliser peut également être affectée par des facteurs externes , tels que la vitesse de sa connexion Internet ou la disponibilité du matériel informatique. Il peut également être affecté par des facteurs temporaires, comme un bras cassé ou une mauvaise prescription de lunettes, ou le vieillissement.

Que vous soyez développeur, constructeur de magasin ou propriétaire de magasin, il est de votre responsabilité de vous assurer que tout le monde peut utiliser votre magasin efficacement. Cela ne fait pas que rendre vos clients heureux : comme le démontre le W3C, cela peut avoir des impacts très réels sur votre rentabilité, votre visibilité sur les moteurs de recherche et votre retour sur investissement à long terme .

L'accessibilité implique bien plus que le simple ajout de texte alternatif aux images et l'optimisation de votre boutique pour qu'elle se charge rapidement. Afin que vous puissiez mieux comprendre, examinons à quel point certaines des expériences en ligne de vos clients peuvent être différentes.

Explorer les grandes différences entre les expériences en ligne

Alors que nous en étions aux premières étapes de la planification de cet article, nous avons eu une rencontre révélatrice avec un client WooCommerce qui nous avait contacté pour obtenir de l'aide. Un membre de notre équipe a demandé au client de nous envoyer une capture d'écran d'une erreur. Ils n'ont pas pu, et nous en ont donné la raison :

Nous sommes aveugles, l'ordinateur nous lit.

Ce client particulier avait construit l'intégralité de son magasin avec un lecteur d'écran et d'autres technologies d'assistance. Ils ont ensuite interagi avec WooCommerce leurs clients et notre équipe de support grâce à l'utilisation de l'audio.

Ce fut un moment de claquement de front pour notre équipe d'assistance, bien sûr. Mais c'était aussi un rappel fantastique pour construire des magasins accessibles - parce que si une personne aveugle peut construire un magasin utilisable avec un lecteur d'écran, ceux d'entre nous qui ont une vue complète ou partielle devraient pouvoir construire un magasin utilisable avec des lecteurs d'écran .

Au-delà des lecteurs d'écran, certains clients ne peuvent pas utiliser une souris d'ordinateur, peut-être en raison d'un handicap physique. Ces acheteurs naviguent sur les sites Web avec leurs touches de tabulation et flèches et « cliquent » sur les liens avec la touche Entrée.

Il y a aussi des acheteurs qui ont besoin d'aide pour passer une commande. Certains clients se sentent tout simplement plus à l'aise de fournir leurs informations de facturation par téléphone. D'autres ne peuvent pas voir ou utiliser le formulaire de commande en ligne. Et d'autres n'ont accès qu'à une technologie qui ne prend pas en charge de manière fiable les commandes en ligne.

Ceci n'est qu'un échantillon des nombreuses façons dont différentes personnes utilisent Internet et font leurs achats en ligne . La multitude d'expériences, d'expériences et d'appareils garantit que nous faisons tous les choses un peu différemment… et crée le besoin de magasins qui fonctionnent pour tout le monde.

La première étape vers un magasin plus accessible : essayer ce que vous avez déjà

Avec une meilleure compréhension de l'importance de l'accessibilité, vous vous demandez peut-être « comment savoir si je suis accessible ou non ?

La première chose à faire est d'essayer d'utiliser votre boutique vous -même. Mettez-vous à la place d'un acheteur daltonien, incapable d'utiliser une souris ou ayant une mauvaise vue.

Lorsque vous naviguez dans votre boutique, remarquez-vous des images ou des boutons qui pourraient sembler étranges sans perception complète des couleurs ? Pouvez-vous utiliser votre clavier pour naviguer, ou est-ce un processus fastidieux ? Si vous augmentez le zoom à 150 % ou plus, votre boutique est-elle toujours utilisable ?

En fonction du support de votre magasin, vous pouvez également y trouver des problèmes. Si vous avez des vidéos de produits, ont-elles des sous-titres ? Les descriptions de vos produits indiquent-elles à quoi ressemble une chemise (en termes de texture) ainsi que sa couleur ?

Vous pouvez souvent trouver des points faibles simplement en ralentissant et en faisant attention . Ces faiblesses sont souvent faciles à corriger - par exemple, changer la couleur d'un bouton ou pousser votre navigation plus haut sur la page - mais elles nécessitent une volonté de vivre votre vie, même temporairement en tant que personne handicapée.

Utilisez de vrais commentaires d'acheteurs, des outils en ligne gratuits et des ressources officielles pour améliorer votre boutique

Bien sûr, à moins que vous n'ayez un handicap, que vous soyez défavorisé ou que vous vous trouviez dans une autre situation qui vous empêche d'utiliser une boutique en ligne de manière typique, il peut être difficile de savoir exactement comment vous défiez vos acheteurs de faire même des choses simples .

Nous vous encourageons à utiliser - et peut-être même à solliciter activement - les commentaires réels des acheteurs pour savoir comment vous pouvez faciliter le processus d'accès à votre boutique. Obtenir ces commentaires peut être difficile, mais si vous les demandez activement (par exemple, dans les e-mails post-achat ?), cela viendra avec le temps.

Vous pouvez également essayer un service comme UserTesting.com ou travailler avec une agence locale qui propose des tests pour recueillir des commentaires, bien que vous souhaitiez d' abord vous renseigner sur les tests spécifiques à l'accessibilité .

Un outil gratuit que nous recommandons est WAVE, l'outil d'accessibilité Web. Branchez n'importe quelle URL dans cet outil et vous recevrez une liste d'erreurs et d'alertes qui pourraient poser un problème pour les acheteurs , allant du texte alternatif manquant (nécessaire pour les lecteurs d'écran) aux liens cassés ou vides (juste une mauvaise conception en général).

WAVE fournit également une documentation pour chaque erreur ou alerte, afin que vous puissiez lire pourquoi quelque chose a été signalé et décider comment y remédier.

Plus précisément du côté visuel des choses, vous pouvez essayer Vischeck pour simuler à quoi ressemble un site Web avec le daltonisme, ou utiliser ACTF aDesigner pour vérifier la compatibilité du contenu de votre magasin avec des outils tels que les lecteurs d'écran.

Pour les tests de vitesse - étant donné que les connexions Internet lentes peuvent avoir un impact sur les expériences des personnes dans les pays en développement - nous recommandons Pingdom, qui testera à la fois votre magasin et fournira des recommandations détaillées pour l'améliorer. Il y a aussi une poignée de bons conseils dans cet article, qui traite spécifiquement de l'optimisation de WooCommerce.

Enfin, si vous êtes basé aux États-Unis (ou si vous vendez à des clients qui y résident), vous pouvez parcourir les normes de l'article 508 du gouvernement pour les technologies électroniques et de l'information. Ces normes (en particulier celles de la section 1194.22) fournissent des exigences pour les technologies accessibles telles que les sites Web, y compris le texte alternatif, les éléments pouvant être visualisés avec le daltonisme et les alertes pour les réponses chronométrées.

Il ne s'agit pas uniquement de la boutique : n'oubliez pas l'accessibilité lorsque vous travaillez avec les e-mails, les réseaux sociaux, etc.

Tout comme l'exemple que nous avons donné ci-dessus du client aveugle de WooCommerce, il est crucial de se rappeler à quel point chacun de vos clients interagit différemment avec vous. Mais l'accessibilité va au-delà des pages de votre boutique : elle englobe l'ensemble de votre présence en ligne .

Chaque fois que vous répondez à des e-mails, envoyez des messages marketing ou publiez des tweets, vous interagissez avec des clients qui accèdent à Internet de manière très différente. Penser à:

• Communication par e-mail — Incluez-vous une version en texte brut de vos e-mails ? Que diriez-vous d'une option "voir en ligne" ? La plupart des clients génèrent les deux par défaut.
• Comment vous aidez vos clients — Si vous demandez normalement une capture d'écran d'un problème ou une photo d'un défaut, pensez à proposer d'autres options. Par exemple, nous autorisons les clients WooCommerce à créer des connexions temporaires afin que nous puissions vérifier nous-mêmes les problèmes.
• Les demandes que vous faites, en particulier avec des liens - des phrases comme "cliquez ici" ou "cliquez sur le lien dans notre bio" pourraient être problématiques non seulement pour les utilisateurs de lecteurs d'écran, mais aussi pour ceux sur une tablette ou un appareil mobile (qui tapent, ne cliquent pas ! ).
• Comment faciliter les processus — Pourriez-vous accepter des appels téléphoniques au lieu d'e-mails ? Commandes en personne ou par téléphone au lieu de passer par votre magasin ? Ou, si vous ne comptez que sur les appels téléphoniques, quels processus pourriez-vous mettre en place en ligne pour aider les clients anxieux, etc. ?

Un dernier conseil : ne visez pas le « assez bon »

Vous avez peut-être déjà vu des variantes de cette image :

Il peut être tentant de lire quelques conseils sur l'accessibilité, d'essayer votre boutique avec un clavier ou un seul test en ligne et de l'appeler "assez bon". Mais assez bon n'est pas vraiment bon .

Mettre à jour votre magasin spécifiquement pour offrir une meilleure expérience aux acheteurs aux capacités différentes est admirable. Mais cela n'aide pas nécessairement les acheteurs qui ont des connexions plus lentes ou des appareils avec de très petits écrans. C'est pourquoi nous vous recommandons de vous fixer comme objectif ultime d' améliorer l'expérience pour plusieurs types d'acheteurs, d'appareils et de besoins .

Nous pensons que cet objectif va même au-delà de l'accessibilité - c'est un objectif plus large de satisfaction globale des clients. Pensez-y de cette façon : que pouvez-vous faire pour que chaque client soit plus susceptible d'acheter chez vous, qu'il s'agisse d'un utilisateur aveugle d'un ordinateur de bureau ou d'un acheteur mobile voyant dans un pays en développement ?

Vous devrez peut-être apporter des modifications spécifiques à votre magasin uniquement pour ces scénarios spécifiques. Mais c'est pourquoi nous pensons que vous devriez vous concentrer sur l'équité plutôt que sur l'égalité, car donner à chacun ce dont il a besoin le rendra beaucoup plus susceptible d'acheter chez vous .

Voici pour créer une expérience d'achat plus inclusive

L'accessibilité n'est pas un sujet facile à couvrir, encore moins à apprendre. Nous avons fait de notre mieux pour vous montrer pourquoi c'est important, mais nous vous recommandons de faire des recherches et des lectures supplémentaires sur ce sujet . Le W3C est un excellent point de départ.

Pour l'instant, nous espérons que cet article vous donnera matière à réflexion et quelques conseils ou ressources utiles alors que vous travaillez vers un magasin que tout le monde peut utiliser.

Vous avez des questions sur l'un des outils, astuces ou idées d'accessibilité recommandés dans cet article ? Ou des commentaires de votre part à donner sur ce sujet ? Nous aimerions avoir de vos nouvelles à ce sujet - laissez un commentaire ci-dessous pour lancer la discussion.

Merci d'avoir lu!

Crédit image d'en-tête : #WOCinTech Chat (CC)