Comment rendre votre site WordPress plus accessible

Lorsqu'il s'agit de lancer un site Web WordPress, vous devez garder à l'esprit que les visiteurs de toutes sortes s'arrêteront.

Plus important encore, tous les visiteurs de votre site ne pourront pas faire les choses simples que certains tiennent pour acquises, comme déplacer une souris, voir la palette de couleurs de votre site ou écouter du contenu vidéo. Donc, si vous voulez établir une solide réputation dans votre secteur, augmenter les conversions et faire ce qu'il faut, vous devrez vous concentrer sur l'accessibilité de WordPress.

Pour cette raison, nous décrivons aujourd'hui les moyens les plus simples de rendre votre site Web WordPress plus accessible , afin que les gens puissent explorer votre site facilement - quoi qu'il arrive .

Alors, commençons.

Qu'est-ce que l'accessibilité WordPress ?

L'accessibilité de WordPress signifie rendre votre site Web et son contenu accessibles à tous les utilisateurs , y compris les personnes handicapées.

Vous n'êtes pas sûr que cela s'applique à votre public cible ?

Penses-y. Selon le National Service Inclusion Project, il y a 48,9 millions de personnes aux États-Unis seulement avec un handicap. Etendez cela dans le monde entier, et il y a de fortes chances qu'une partie importante des visiteurs de votre site ait une sorte de déficience affectant leur capacité à explorer votre site Web comme vous le souhaitiez.

La Web Accessibility Initiative indique que rendre votre site plus accessible aidera les groupes de personnes suivants :

• Les personnes âgées
• Personnes ayant un handicap temporaire, y compris des lunettes perdues ou un membre cassé
• Ceux qui ont une déficience visuelle ou auditive
• Les personnes ayant une connexion Internet lente
• Ceux qui ont des limitations situationnelles telles que ceux qui accèdent à votre site dans une zone lumineuse ou un environnement où ils ne peuvent pas écouter l'audio du site
• Ceux qui ont des problèmes cognitifs tels que la dyslexie, qui affectent la capacité d'une personne à lire le contenu écrit

Avant de poursuivre, prenons par exemple Blinkee.com :

Entre la petite police et les lumières clignotantes, de nombreux visiteurs du site auront du mal à lire le contenu, à naviguer sur le site ou à se concentrer sur tout ce qui est important pendant plus de quelques secondes.

Vous voyez ce que nous voulons dire ? L'accessibilité du site Web est beaucoup plus importante que beaucoup ne veulent l'admettre.

Mais pourquoi devriez-vous vous soucier de l'accessibilité de WordPress ?

Vous pensez peut-être que votre site WordPress ne ressemble en rien à Blinkee.com. Et même si c'est une bonne chose, vous n'êtes pas encore au clair.

Voici quelques-unes des raisons les plus convaincantes de se soucier de l'accessibilité du site :

• Les personnes handicapées sont trois fois moins susceptibles d'aller en ligne que les autres, ce qui signifie que vous manquez d'énormes opportunités de convertir une grande partie des clients potentiels
• Google et les autres principaux moteurs de recherche récompensent les sites accessibles en les classant plus haut dans les classements de recherche
• Il y a eu des milliers de cas d'accessibilité Web déposés depuis le premier suivi de ces types de cas en 2015, ce qui signifie que votre site peut être à risque d'un procès

Comme vous pouvez le constater, quel que soit le type de site Web que vous possédez, vous risquez de perdre beaucoup en vous aliénant une partie de votre public cible.

Conseils pour rendre votre site Web plus accessible

1. Testez l'accessibilité de votre site WordPress

Avant de commencer à apporter des modifications à votre site pour le rendre plus accessible, il est préférable de voir à quel point il est accessible en ce moment.

Cela se fait facilement à l'aide d'un outil comme l'outil d'évaluation de l'accessibilité du Web (WAVE). Avec lui, vous pourrez évaluer l'accessibilité de votre site Web en saisissant simplement l'URL de votre site.

Après avoir été évalué, WAVE affichera différentes icônes à code couleur qui représentent les sections de votre site qui sont correctes, qui nécessitent des améliorations ou qui sont de véritables erreurs. Si vous cliquez sur une icône, vous aurez accès à une description détaillée de ce qui doit être corrigé.

2. Choisissez soigneusement les combinaisons de couleurs

L'un des meilleurs moyens de marquer votre site Web et de vous démarquer de la concurrence consiste à utiliser un jeu de couleurs spécifique. Mais si les visiteurs du site qui arrivent sur votre site Web sont daltoniens ou ont une vue limitée, ils ne pourront pas profiter des couleurs de votre site aussi bien qu'ils le devraient.

Prenez par exemple cet exemple simple de contraste de couleur :

C'est assez difficile de voir le texte écrit dans la première image, n'est-ce pas ? Et vous pourriez même ne pas avoir de handicap affectant la façon dont vous voyez cette image.

Imaginez maintenant que vous faites partie des 300 millions de personnes dans le monde atteintes de daltonisme.

En plus de surveiller vos combinaisons de couleurs contrastées, il est également important d'éviter d'utiliser des combinaisons de couleurs contradictoires. Ce n'est pas parce que le contraste n'est pas terrible que les couleurs vont bien ensemble.

Pour vous aider à équilibrer les couleurs de votre site WordPress, consultez cet outil en ligne gratuit appelé Contrast Checker.

Choisissez simplement une couleur de premier plan et d'arrière-plan et laissez l'outil déterminer si les couleurs sont correctement équilibrées ou non. Si ce n'est pas le cas, l'outil vous indiquera :

3. Utilisez un plugin d'accessibilité WordPress

Si vous voulez vous faciliter la tâche, vous pouvez toujours utiliser un plugin d'accessibilité WordPress dédié pour évaluer votre site et vous assurer qu'il est accessible à tous.

L'un de ces plugins est WP Accessibility. Ce plugin vous aide à identifier les problèmes d'accessibilité courants dans les thèmes WordPress et à les résoudre pour améliorer la convivialité de votre site.

Certaines de ses fonctionnalités incluent :

• Suppression de l'attribut cible des liens
• Suppression des attributs de titre des images insérées dans le contenu
• Ajout de titres d'articles aux liens standards "en savoir plus"
• Ajout d'étiquettes aux champs de formulaire WordPress standard s'ils sont manquants
• Suppression du tabindex des éléments pouvant être mis au point
• Affichage d'un contraste de couleur entre deux valeurs de code hexadécimal
• Et beaucoup plus

De plus, WP Accessibility ajoutera une barre d'outils pour basculer entre les vues à contraste élevé, en gros caractères et en niveaux de gris de votre thème, appliquera les attributs alt sur toutes les images et même ajoutera des attributs de langue et de direction du texte à vos attributs HTML.

Vous pouvez également opter pour une plateforme d'accessibilité dédiée telle que accessiBe. L'avantage de ce type de plate-forme est qu'elle fonctionne en dehors de WordPress.

4. Utilisez un thème accessible

Si vous souhaitez éviter d'avoir à résoudre les problèmes d'accessibilité dès le départ, vous devez utiliser un thème WordPress accessible.

Bien sûr, c'est parfois plus facile à dire qu'à faire. Cela dit, si vous parcourez le référentiel WordPress officiel, vous pouvez trouver de superbes thèmes ( et gratuits ! ) qui utilisent un design accessible. Tout ce que vous avez à faire est d'utiliser le filtre de fonctionnalités et de rechercher des thèmes étiquetés comme accessibles.

Cependant, notre recommandation de référence est Kadence. Ce thème a une version gratuite mais une version premium est également disponible avec des fonctionnalités supplémentaires.

Si vous choisissez un thème accessible pour votre site Web WordPress, votre site sera prêt pour tous les utilisateurs en termes de navigation, de style de lien, de schémas de couleurs, etc.

5. Ajouter du texte alternatif à toutes les images

L'ajout de texte alternatif aux images de votre site ne sert pas uniquement à améliorer les classements de recherche. Bien sûr, le texte alternatif sur les images donne aux robots des moteurs de recherche une meilleure compréhension de votre site Web et vous aide à vous classer dans les résultats de recherche les plus pertinents.

Mais l'ajout de texte alternatif à vos images aidera également les personnes handicapées à avoir une meilleure expérience utilisateur sur votre site. En fait, le texte alternatif que vous ajoutez à vos images permet aux personnes handicapées de "lire" vos images si elles utilisent un lecteur d'écran pour les aider à surfer sur Internet.

Alors, ajoutez du texte alternatif à toutes les images de votre site WordPress. Et assurez-vous qu'ils sont descriptifs et incluent des mots-clés afin qu'un lecteur d'écran puisse lire aux utilisateurs d'une manière logique.

6. Rendez votre site convivial pour le clavier

Un autre excellent moyen de répondre aux besoins des personnes handicapées et de rendre votre site WordPress plus accessible consiste à rendre votre site convivial pour le clavier. En d'autres termes, les visiteurs de votre site doivent pouvoir parcourir les éléments de site suivants :

• Éléments de menu
• Liens
• Boutons
• Champs de formulaire

Vous ne savez pas si votre site est actuellement compatible avec le clavier ? Pour vérifier, tout ce que vous avez à faire est de visiter votre site Web et de voir si vous pouvez y naviguer sans utiliser de souris. Au lieu de cela, cliquez sur le bouton Tab et voyez ce qui se passe.

WordPress.org fait un excellent travail pour rendre son site accessible à tous les utilisateurs. En fait, lorsque vous naviguez sur le site, vous verrez une forme de ligne pointillée autour de chaque élément de menu sur lequel vous naviguez.

7. Formater correctement les champs du formulaire

Il est tentant de placer des étiquettes de champ de formulaire dans les zones de champ pour rendre votre site plus organisé et plus propre. Cependant, certains lecteurs d'écran ne peuvent pas identifier et lire ces types d'étiquettes. Il est donc difficile, voire impossible, pour ceux qui utilisent des lecteurs d'écran d'afficher et de remplir les champs de formulaire de votre site. Cela signifie également une perte de conversions, ce qui peut nuire à votre réussite.

Si vous comptez beaucoup sur les inscriptions des visiteurs du site pour gagner de l'argent ou développer votre audience, ne pas rendre vos champs de formulaire accessibles augmente vos chances d'aliéner une partie de votre public cible. Pour résoudre ce problème, placez des étiquettes de champ de formulaire à l'extérieur de chaque case.

8. Soyez conscient du style des liens

Bien que les couleurs que vous attribuez aux hyperliens de votre site soient souvent choisies à des fins d'image de marque, gardez à l'esprit que les personnes handicapées ont besoin d'un contraste clair lorsqu'il s'agit d'hyperliens.

Voici une liste de quelques conseils utiles pour rendre les liens de votre site WordPress plus accessibles :

• Évitez d'utiliser le mot "lien(s)" dans vos liens, car les lecteurs d'écran indiquent aux utilisateurs vers quoi le lien mène
• Ne mettez pas les liens en majuscules, car cela confond les lecteurs d'écran qui lisent parfois le texte en majuscule lettre par lettre.
• Évitez d'utiliser des URL dans le texte du lien, car les lecteurs d'écran le liront lettre par lettre, ce qui compliquera le suivi des utilisateurs.
• Ne liez pas des blocs entiers de contenu ; faites-le court et doux
• Alerter l'utilisateur lorsqu'un lien s'ouvre dans une nouvelle fenêtre afin qu'il ne se perde pas
• Soyez prudent lorsque vous utilisez de nombreux liens d'ancrage (les personnes handicapées peuvent ne pas se rendre compte qu'elles ne font que monter et descendre la page qu'elles ont déjà numérisée)
• Souligner le texte lié et utiliser une couleur distincte et agréable à l'œil pour le contraste
• Vérifiez régulièrement les liens brisés ou vides

Emballer

En fin de compte, l'accessibilité de WordPress est plus importante que jamais. De nos jours, les gens utilisent Internet pour tout. Du paiement des factures à la socialisation, en passant par la prise de rendez-vous et les achats en ligne, presque tous les aspects de la vie des gens peuvent être gérés en ligne d'une manière ou d'une autre.

Pour vous assurer que vous n'oubliez pas une partie de votre public cible, que vous maximisez le trafic de votre site et que vous permettez aux personnes de tous horizons d'explorer facilement ce que vous avez à offrir, découvrez comment accessible votre site est. Si ce n'est pas à la hauteur, faites quelques changements simples et rapides. Cela vous aidera non seulement à développer votre clientèle ou votre clientèle, c'est la bonne chose à faire.

Divulgation : ce message contient des liens d'affiliation. Cela signifie que nous pouvons faire une petite commission si vous effectuez un achat.