Qu’est-ce que Shopify exactement ?
Shopify est une plateforme de commerce électronique tout-en-un qui alimente plus d’un million d’entreprises dans 175 pays. La plateforme de commerce électronique en ligne, Shopify, existe depuis une dizaine d’années. Cette plateforme permet aux entrepreneurs qui commencent ou qui fonctionnent déjà de disposer d’une boutique en ligne personnalisée à des fins commerciales. Les produits et services de Shopify comprennent des produits physiques tels que des chaussures, des produits numériques comme des livres électroniques, des cours en ligne, des consultations et des services, des locations, etc. Shopify est un acteur important du secteur du commerce électronique, qui contribuera à l’économie mondiale à hauteur de 319 milliards de dollars entre 2016 et 2019. Mais comment pouvez-vous améliorer l’accessibilité du site web de Shopify ? Suivez ces étapes et découvrez-les.
Les achats sur votre boutique Shopify doivent se faire en douceur, de peur que votre entreprise ne perde beaucoup d’argent en ventes. Vous devez savoir que les personnes handicapées représentent un pourcentage considérable de la population active et que 71 % d’entre elles quitteraient votre boutique en ligne dès qu’elles rencontreraient des difficultés à naviguer sur votre page. Pour garantir la fidélité à la marque, il est préférable de maintenir un magasin accessible qui permette à vos acheteurs potentiels de se sentir à l’aise lorsqu’ils naviguent dans votre magasin jusqu’à ce qu’ils aient rempli leur panier.
Les problèmes d’accessibilité du web les plus courants sur la plateforme Shopify sont les suivants
- Si vous ne disposez pas d’un système de navigation au clavier pour les éléments de la page principale, il sera impossible aux personnes aveugles de naviguer, même en utilisant un lecteur d’écran
- Utilisation d’images ou de visuels sans description textuelle alternative
- Utilisation d’un contraste trop élevé ou trop faible qui a un impact sur les utilisateurs malvoyants
Gardez votre site web Shopify conforme à l’ADA : 4 mises à jour de l’accessibilité du web
Vous n’avez pas besoin de vous fier entièrement à des plugins ou à d’autres solutions tierces avant de commencer votre voyage de conformité à l’ADA. Voici quelques conseils dont vous pouvez vous munir :
- Fournissez des alt texts (alternatives de texte) pour les contenus non textuels afin que les personnes possédant un lecteur d’écran puissent en comprendre le sens
- Fournissez des légendes pour le contenu vidéo sur votre site web Shopify. Les personnes souffrant d’un handicap auditif peuvent couper le son les lire.
- Diviser les pages en titres et sous-titres pour améliorer la lisibilité.
- Maintenir un rapport de contraste d’au moins 4,5:1 .
Solutions pour Shopify Accessibility : 5 plugins web à découvrir
L’utilisation de Shopify n’est pas une excuse pour ne pas se conformer aux règles. Bien que chaque propriétaire de site web soit entièrement responsable du niveau d’accessibilité de son site, Shopify, par l’intermédiaire de son app store, a dressé une liste d’outils disponibles que les sites web peuvent inclure. Parmi ces outils, les plus populaires sont :
1. Accessibly
Accessibly est un plugin sur l’app store Shopify qui aide les sites web à se conformer aux WCAG, ADA, section 508, et EN 301549. Cette barre d’outils, qui fonctionne en superposition, permet à l’utilisateur final d’ajuster le contenu du site web en fonction de ses préférences. Elle fonctionne bien sur le bureau et est très réactive sur le mobile. En rendant le contenu accessible, elle permet aux malvoyants de transformer le texte en parole. En outre, Accessibly permet aux personnes malvoyantes d’agrandir les textes et le curseur. La barre d’outils d’accessibilité permet également d’améliorer le contraste et de modifier la couleur du site web. Parmi les autres fonctionnalités, citons le surlignage, le masquage d’image et l’inversion des couleurs. Elle s’appuie sur le système Google Vision AI pour ajouter automatiquement les textes ALT aux images.
“Accessibly” est à la fois gratuite et payante. La version gratuite comprend les fonctionnalités nécessaires telles que l’ajustement des polices, la correction du contraste et la ligne de lecture. Pour les fonctionnalités avancées telles que la synthèse vocale, la personnalisation de la barre d’outils et les balises d’images ALT automatisées, vous devrez acheter le plan professionnel, qui est proposé au prix de 20 USD par mois. Il y a un essai gratuit de 14 jours pour tester Accessibly afin de déterminer si cela vaut votre investissement. D’après les avis que nous avons trouvés sur la page de l’application, il semble que les utilisateurs aiment cet outil. Accessibly a une note de 4,9. La barre d’outils est non seulement facile et rapide à télécharger, mais aussi à installer et à déployer.
2. Accessibility Enabler
Accessibility Enabler de HikeOrders est un autre excellent outil à prendre en compte pour vos objectifs de conformité en matière d’accessibilité du web, si vous gérez votre boutique en ligne sur Shopify. Dans le but de faciliter le respect des règles d’accessibilité au-delà des sites web ordinaires, HikeOrders a jugé judicieux d’étendre ses services aux sites web de commerce électronique, notamment Shopify, WooCommerce, etc. Comme toutes les autres barres d’outils d’accessibilité, Accessibility Enabler donne aux utilisateurs finaux le pouvoir de modifier la conception de leur site. Il le fait en les dotant d’une vaste gamme d’outils pour presque tous les handicaps. La philosophie de cet outil est que le handicap ne se limite ni à la vision ni au physique, mais s’étend à la situation et aux capacités réduites dues à l’âge. Par conséquent, il existe pas moins de trente outils d’accessibilité. En effet, peu de solutions disposent d’une boîte à outils aussi riche que HikeOrders.
Bonne navigation
Tout en s’appuyant sur Accessibility Enabler, les utilisateurs finaux peuvent facilement s’y retrouver dans de grandes ou longues pages web. Il existe des fonctionnalités, notamment une page de plan du site et des pages d’accueil, qui aident les utilisateurs à trouver les pages les plus importantes sans avoir à parcourir tout le site. Les utilisateurs finaux peuvent également filtrer le contenu en utilisant des titres, des points de repère, des formulaires, des tableaux, des liens et des images. Il existe des options permettant d’améliorer la lisibilité du texte, de changer les couleurs et de régler le contraste, entre autres fonctionnalités intéressantes.
L’outil d’accessibilité de HikeOrders pour Shopify est également fourni avec une déclaration d’accessibilité web qui permet aux utilisateurs de faire part de leurs efforts de conformité aux visiteurs de la page. Il est intéressant de noter que Accessibility Enabler est une application gratuite, bien que ses ressources soient limitées. Vous pouvez toujours vous contenter des cinq outils de base de cette version gratuite. La version payante de la boîte à outils d’accessibilité de HikeOrders pour Shopify commence à 12$/mois. Le plan Micro permet 30 000 pages vues par mois, un badge d’accessibilité et un certificat. Vous pouvez trouver Accessibility Enabler dans la boutique de l’application Shopify ou le télécharger directement sur le site web de HikeOrders.
3. Assistant Accessibility (Accessibility Assistant)
Accessibility Assistant est une application d’accessibilité gratuite et à tarif élevé qui aide les marques à augmenter leur valeur en respectant les normes de conformité. L’application d’accessibilité Shopify comprend des fonctions étonnantes comme la navigation au clavier, la conversion des couleurs, qui permet aux utilisateurs daltoniens de changer la couleur du site web en noir et blanc, l’augmentation du texte, etc. L’assistant d’accessibilité est gratuit.
4. Boîte à outils Accessibility (Accessibility Toolkit)
Cette application d’accessibilité Shopify a été conçue en tenant compte du handicap visuel. Ainsi, la plupart de ses fonctionnalités sont destinées à rendre le web accessible aux malvoyants. Les principales caractéristiques sont l’inversion des couleurs, la mise en évidence des titres, la mise en évidence des liens, l’augmentation et la diminution de la police de caractères, etc. Accessibility Toolkit a peut-être de bons plans pour la conformité à l’accessibilité, mais cette application n’est pas du tout à la hauteur. Même si nous devions noter l’application sur les seuls handicaps visuels, elle pourrait ne pas être assez inclusive. Accessibility Toolkit est gratuit et probablement nouveau, car il n’y a pas encore eu d’évaluation au moment où nous avons rédigé ce rapport.
5. Outils d’accessibilité conviviaux (Friendly Accessibility)
Un autre outil gratuit et bien évalué pour assurer la conformité de votre site de commerce électronique Shopify. Comme son nom l’indique, Friendly Accessibility Tools est facile à installer, gratuit à personnaliser et facile à utiliser.
Solutions d’accessibilité du Web disponibles pour Shopify
C’est un cliché de dire que les solutions automatisées ne garantissent pas une conformité à 100 %. Une foule de critiques ont également été formulées à l’encontre des superpositions et des barres d’outils web qui ont des effets superficiels sur la conformité des sites web. Quoi qu’il en soit, la meilleure pratique pour assurer une conformité totale en matière d’accessibilité consiste à combiner l’automatisation et les efforts manuels. Voici quelques solutions d’accessibilité pour Shopify au-delà des plugins :
Les commerçants qui hébergent leurs sites de commerce électronique sur Shopify s’appuient sur les outils et services d’accessibilité de Deque pour améliorer leur conformité en matière d’accessibilité. En plus de son partenariat avec des géants technologiques comme Microsoft et Google, Deque est également en partenariat avec Shopify pour aider les propriétaires de magasins à rester conformes à l’ADA. Il y a deux façons de procéder si vous avez l’intention de rejoindre le groupe de solutions de Deque. Vous pouvez soit demander un audit d’accessibilité complet et des mesures correctives, que les experts en accessibilité de Deque prennent en charge pour vous du début à la fin. Soit vous suivez la formation en accessibilité de Deque, ce qui vous permettra d’acquérir une connaissance suffisante de la problématique de l’accessibilité. Vous pouvez ensuite utiliser les outils d’accessibilité de Deque pour maintenir votre site web en bon état de conformité.
Composé d’une équipe d’experts en accessibilité, Accessibility.works fournit un guide complet d’audit et de remédiation des sites web Shopify. Leur service d’accessibilité se décline en trois volets : tests WCAG automatisés, tests WCAG manuels et tests de technologies d’assistance. Grâce à ses tests WCAG automatisés, Accessibility.works teste votre boutique en ligne avec les meilleurs logiciels pour un test à l’échelle du site. Après cette étape vient le test manuel, qui devrait permettre d’approfondir les points faibles de votre site Shopify afin d’identifier les erreurs de code qui auraient pu être omises par le test automatisé. Ensuite, l’équipe effectue le test final avec des tests d’assistance pour sentir la réactivité du site web aux différents outils utilisés par les personnes handicapées. Shopify est évalué par les utilisateurs de mobiles et de bureaux ; l’équipe d’Accessibility.works teste avec différents outils la réactivité des pages de bureau et de mobiles.
UserWay offre à ses clients une accessibilité web spécifique à Shopify. Vous pouvez facilement installer le widget d’accessibilité de UserWay sur votre site web Shopify. UserWay s’assure que le widget fonctionne sur chaque site web construit sur la plateforme Shopify. Le widget d’accessibilité gratuit de UserWay permet d’améliorer instantanément les points faibles de votre plateforme Shopify et les obstacles à l’accessibilité du web. Peu importe le nombre de pages ou de sites web que vous avez. Vous ne voulez pas que votre site web en ligne souffre de problèmes lors de la mise à jour de l’accessibilité. UserWay s’assure que sur les modèles achetés ou conçus personnellement, le widget fonctionne parfaitement et est conforme aux lois internationales. Consultez la plate-forme d’UserWay pour obtenir des informations plus détaillées.
AccessiBe fonctionne parfaitement sur n’importe quel réseau et peut fonctionner sur n’importe quel site web, qu’il soit construit sur les marques connues de systèmes de gestion de contenu (CMS) ou non. Outre les grandes sociétés de construction de sites web telles que Shopify, AccessiBe propose également un plugin spécial à attacher au site web. Avec sa plateforme révolutionnaire et une gamme de packages, cette plateforme pourrait être la mieux adaptée pour vous.
Il est très facile d’installer le widget d’accessibilité gratuit d’Adally. Basé sur le réseau CMS sur lequel le site est hébergé, également sur Shopify. Vous êtes invité à remplir un court formulaire contenant l’adresse de votre site web, après quoi votre site web commencera à avoir un code autorisé.
Pour conclure
L’adhésion aux normes d’accessibilité du web de l’ADA aide votre entreprise de plusieurs façons. Elle permet de renforcer la confiance des clients dans votre site de commerce électronique et d’améliorer les performances de votre site en matière de référencement. Il existe plusieurs façons d’obtenir l’inclusion de votre commerce électronique sur Shopify. Plusieurs applications sont disponibles dans la boutique de l’application Shopify pour commencer. Bien qu’elles constituent un bon début, peu de ces outils peuvent vous promettre de manière fiable une conformité totale ou de 50 %. Il vous faudra peut-être faire un effort supplémentaire pour éviter les risques de poursuites judiciaires liées à l’accessibilité du web, aggravés par chaque contenu inaccessible que vous publiez sur votre site web Shopify.
