L'accessibilité web consiste à rendre les services de communication au public en ligne accessibles au plus grand nombre, y compris les personnes en situation de handicap.
Un enjeu de société, encore trop négligé par les acteurs du web : dans son Baromètre 2024 de l’accessibilité numérique, Contentsquare relève que 40% des sites analysés ne prennent aucune mesure significative pour améliorer leur accessibilité.
Dans cet article, Thien Lan Weber, VP Strategy & Marketing chez Hyvä, revient sur l’impact du manque d’accessibilité des sites Internet, et vous livre 10 conseils pour mettre votre boutique en conformité.
Accessibilité web : que dit la loi ?
L’accessibilité numérique vise à permettre à tous les individus d'accéder aux informations et services en ligne, quelles que soient leur situation et leurs technologies d'assistance. Ce n’est pas seulement une démarche inclusive, mais une obligation légale.
La loi du 11 février 2005 pour l’égalité des droits et des chances imposait déjà aux services publics de faciliter l’accès à leurs plateformes, en se basant sur les critères du RGAA (Référentiel Général d’Amélioration de l’Accessibilité).
À partir du 28 juin 2025, cette obligation s’étendra à toutes les entreprises privées, dès lors qu’elles comptent plus de 10 personnes ou réalisent plus de 2 millions d’euros de chiffre d’affaires.
Que vous soyez ou non concerné par ce décret, rendre votre site accessible est essentiel pour faire grandir votre activité : voici plusieurs raisons qui devraient vous convaincre !
Pourquoi rendre votre site accessible ?
Selon une étude menée en 2019 par Deque Systems et Nucleus Research, les détaillants en ligne américains perdent jusqu'à 6,9 milliards de dollars par an au profit de concurrents proposant des sites accessibles aux personnes malvoyantes.
Comment l’expliquer ? Au-delà du respect des obligations d’accessibilité, pour quelles raisons devriez-vous rendre votre site e-commerce utilisable par tous ?
1. Élargir votre audience
La mise en conformité de votre site peut vous permettre de toucher un public plus large : les personnes en situation de handicap représentent 27% des consommateurs, d’après une étude du Return on Disability Group menée en 2024.
2. Améliorer l'expérience utilisateur
Un site accessible est plus facile à utiliser pour tous les utilisateurs, ce qui améliore leur satisfaction. Un meilleur contraste, de grands titres, une structure de site plus claire, des boutons plus gros, tout participe à améliorer l’ergonomie de votre site e-commerce, et cela se ressentira sur votre taux de conversion et de rétention.
En effet, selon les recherches de Deque Systems :
- Deux tiers des transactions en ligne initiées par des personnes malvoyantes sont abandonnées en raison de problèmes d'accessibilité ;
- 70% des sites web dans certains secteurs clés contiennent des "blocages critiques" d'accessibilité, les rendant inutilisables pour de nombreuses personnes handicapées.
3. Booster votre référencement naturel (SEO)
Si vous êtes familier avec des frontend comme Hyvä, qui misent tout sur la performance web, vous savez que les moteurs de recherche comme Google privilégient les sites faciles à utiliser et offrant une bonne expérience utilisateur.
Leur algorithme tient compte du respect des standards du W3C (World Wide Web Consortium) : en améliorant l'accessibilité, vous rendez votre boutique mieux structurée et plus compréhensible pour les robots, ce qui peut vous permettre d'obtenir un meilleur classement dans les résultats de recherche et d'augmenter votre trafic organique.
4. Désengorger votre service client
Que l’on soit ou non en situation de handicap, face à des services numériques inaccessibles, l’un des premiers réflexes est de contacter le service client.
Les chiffres de l’étude Deque Systems le montrent :
- 90% des personnes interrogées déclarent appeler régulièrement le service client pour signaler des problèmes d'inaccessibilité ;
- En moyenne, les personnes aveugles passent un appel par semaine pour obtenir de l'aide ou signaler des problèmes d'accessibilité.
Ces données, qui ne portent que sur une partie de la population concernée, soulignent l'importance cruciale de l'accessibilité web, non seulement pour l'inclusion des personnes en situation de handicap, mais aussi pour le succès commercial des entreprises en ligne.
10 conseils pour rendre votre site e-commerce accessible
1. Renseignez-vous sur les normes en vigueur
Familiarisez-vous avec les WCAG (Web Content Accessibility Guidelines) 2.2, ou le référentiel international de référence en matière d'accessibilité web. Les quatre grands principes sont connus sous l’acronyme POUR :
- Perceptible : présenter l'information de manière à ce que les utilisateurs puissent la percevoir, en utilisant des alternatives textuelles et des formats adaptables.
- Opérationnel : permettre aux utilisateurs d'interagir avec le contenu web. Rendre la navigation et les composants accessibles, sans exiger d'interactions impossibles à réaliser.
- Compréhensible : l'information et le fonctionnement du site doivent être faciles à comprendre. Simplifier le langage, assurer la prévisibilité et aider les utilisateurs à éviter les erreurs.
- Robuste : le contenu doit être interprétable par divers agents utilisateurs, y compris les technologies d'assistance. Garantir l'accessibilité continue du contenu à mesure que les technologies évoluent.
Vous pouvez également consulter les critères du RGAA, récemment mis à jour par la direction interministérielle du numérique en France.
2. Choisissez un thème qui respecte les critères d’accessibilité
Hyvä est un thème Magento réputé pour sa conformité aux normes d’accessibilité.
Ce frontend a été audité par l’une des agences de référence en la matière, Snowdog, et a mis en place plus d’une centaine d’optimisations pour atteindre le niveau AA+ selon le WCAG 2.2.
Que vous utilisiez Hyvä ou un autre thème, assurez-vous de le mettre à jour régulièrement pour bénéficier des dernières améliorations en matière d'accessibilité.
3. Testez votre site avec des technologies d'assistance
Utilisez des lecteurs d'écran, des navigateurs avec des options d'accessibilité et des claviers pour vérifier que votre site fonctionne correctement.
Vous pouvez aussi utiliser un outil de test automatique, tel que Axe Accessibility Testing Tools de Deque, utilisés par des entreprises comme Microsoft ou Google, pour vous aider à identifier les problèmes d'accessibilité courants.
4. Optimisez vos balises
Structurez le contenu de vos pages à l'aide des balises HTML <h1>, <h2>, etc., pour faciliter la navigation et la compréhension par les lecteurs d'écran.
Ajoutez également des descriptions alternatives (balises alt) à chaque image. Cet arbre de décision vous aide à déterminer quoi faire pour chaque type d’image.
5. Adoptez un design accessible
Le design de votre site a un impact direct sur sa lisibilité. Voici quelques éléments à considérer :
- La police de caractères : toutes les polices n’ont pas été conçues en tenant compte de l’accessibilité. Optez pour des polices simples, sans fioritures, avec une taille allant de 14 à 20 pixels sur ordinateur.
- Les contrastes : évitez d’avoir une couleur de texte trop proche de la couleur du fond (par exemple : jaune sur fond blanc), ou d’afficher du texte sur une image.
- Les couleurs : certaines combinaisons de couleurs qui peuvent poser problème aux personnes daltoniennes.
6. Décrivez avec précision les champs de votre site
Tout élément d’appel à l’action sur une page (formulaire, section commentaire, lien) doit être accompagné d’un libellé précis ou d’une description. Évitez par exemple de multiplier les boutons CTA avec le texte "Cliquez ici".
Il en va de même pour les formulaires : assurez-vous que leurs champs sont correctement étiquetés, et que les erreurs sont clairement signalées.
7. Privilégiez les textes faciles à comprendre
Le Gunning Fog Index est un indice qui évalue la lisibilité d'un texte (uniquement en anglais). Il estime le nombre d'années d'études formelles nécessaires pour comprendre le texte lors de la première lecture. Un texte accessible à un large public doit généralement se situer entre 8 et 12.
8. N'utilisez pas la justification de texte
Peu le savent : le texte justifié n'est pas accessible. En fait, il est moins accessible qu'un texte aligné à gauche. Pourquoi ? Parce qu'il crée des espaces inégaux entre les mots et rend la lecture beaucoup plus difficile qu'elle ne devrait l'être.
Mais bonne nouvelle ! Vous n'avez pas besoin de modifier tout le contenu de votre blog/site/application. Le texte justifié peut être rendu plus accessible en veillant à ce que l'espacement entre les mots, l'espacement des lettres et les paramètres d'insertion de traits d'union soient plus faciles à lire.
Cependant, je vous recommande d'utiliser un texte aligné à gauche si vous le pouvez.
9. Faites attention aux emojis
Si l'utilisation d'emojis permet de rendre le contenu plus joyeux et vivant, elle doit être faite avec précaution. Le lecteur d'écran qui parcourt le texte doit pouvoir les lire !
La vidéo ci-dessous montre bien pourquoi vous devriez y faire attention. Assurez-vous de bien décrire ce que vous voulez exprimer dans le texte alternatif de l’emoji, et d’expliquer les emojis complexes (par exemple, ceux composés de deux emojis séparés).
10. Mettez à jour votre site régulièrement
L'accessibilité est un processus continu. Testez et mettez à jour régulièrement votre site pour vous assurer qu'il reste conforme aux normes en vigueur, de la même façon que vous surveillez le taux de conversion de vos différentes pages.
En conclusion
Rendre votre site e-commerce accessible est un investissement qui rapporte à long terme. En suivant ces conseils et en l’hébergeant sur un CMS adapté (par exemple, les dernières versions de Magento et d'Adobe Commerce), vous pourrez vous mettre en conformité, attirer un plus grand nombre de clients, et offrir une expérience utilisateur optimale à tous vos visiteurs.
Thien-Lan est spécialisé dans le retail et l’e-commerce avec 25 années d’expérience. Aujourd’hui, elle s’occupe de la stratégie et du marketing international pour Hyvä, la solution front-end pour Magento et Adobe Commerce qui booste la performance des sites e-commerce.
