10 façons d'améliorer l'accessibilité de votre site WordPress

L'accessibilité du site Web consiste à s'assurer que votre site Web est facile à utiliser pour tous, quels que soient leurs handicaps physiques et situationnels ou leurs restrictions économiques. Vous voulez vous assurer que l'expérience sur votre site est transparente pour tous les utilisateurs, quelles que soient les circonstances.

Si cet aspect de votre site Web n'est pas corrigé, il y a de fortes chances que vous restreigniez un bon nombre de votre marché cible simplement parce qu'ils ne peuvent pas accéder aux fonctionnalités clés de votre page en ligne.

Bien que l'on puisse penser principalement aux personnes handicapées, et bien sûr, c'est un bon point de départ ; les problèmes d'accessibilité du site Web peuvent concerner des circonstances situationnelles temporaires telles que :

• les utilisateurs qui ont besoin d'accéder à votre site via leurs téléphones portables ou d'autres appareils à petit écran, en utilisant des téléviseurs intelligents (TV), etc. ;
• Visiteurs plus âgés du site Web avec des défis différents et changeants en raison du vieillissement ;
• Utilisateurs accédant à votre site dans une zone mal éclairée ; et
• Les utilisateurs qui utilisent des connexions Internet lentes ou dont la bande passante est chère en raison de leur pays ou de leur lieu.

Connaître le paysage vaste et varié des défis que vous devez relever peut vous aider à élaborer des solutions qui peuvent fonctionner. Voici les principaux moyens d'améliorer l'accessibilité de votre site

1. Rendez votre contenu contrôlable par la voix

La reconnaissance vocale est une fonctionnalité qui peut être intégrée à un site Web pour permettre à votre contenu d'être contrôlé par la voix. Cela inclut les formulaires, les boutons, les liens et d'autres contrôles. Vous pouvez intégrer un logiciel de dictée qui permet aux utilisateurs qui ne peuvent pas utiliser la souris ou le clavier d'exécuter des fonctions sur votre site à l'aide de la voix.

Tout votre contenu devra être correctement codé et conçu pour que cela fonctionne. De plus, vous aurez besoin d'identifiants et d'étiquettes dans le code source du site qui correspondent à la façon dont ils sont représentés visuellement pour indiquer clairement quel contrôle sera activé par commande vocale.

2. Soyez conscient de vos choix de couleurs

Des millions de personnes dans le monde sont daltoniennes, les couleurs que vous utilisez doivent donc tenir compte de cette réalité.

De plus, vous devez être prudent lorsque vous sélectionnez les ratios de couleurs de votre site Web et leur contraste. Les options de contraste des couleurs doivent être élevées, par exemple, en utilisant du texte noir sur un fond blanc pour permettre aux utilisateurs de lire facilement votre contenu même s'ils ont certaines limitations visuelles.

3. Assurez-vous que vos liens sont soulignés

Beaucoup de gens ont renoncé à la règle «soulignez vos liens» ces derniers temps parce que le texte qui n'est pas souligné a plus d'attrait esthétique que celui qui est souligné. C'est peut-être vrai, mais la tâche principale de votre site Web est celle de la fonctionnalité. Cela signifie en toutes choses; vous devriez donner la priorité à la fonctionnalité.

La suppression du soulignement rend difficile pour vos utilisateurs d'identifier les parties hyperliées de votre compteur. Si vous ne voulez toujours pas souligner votre contenu, envisagez d'autres moyens de faire ressortir vos liens du reste de la copie. Vous pouvez utiliser du texte en couleur ou en gras pour ce faire.

4. Ajouter des balises Alt aux images

Pour améliorer l'accessibilité de votre site Web, vous devrez envisager d'ajouter des "balises alt" à toutes les images de votre site Web.

Certains sites utilisent leur texte alternatif dans le cadre de leur stratégie d'optimisation pour les moteurs de recherche (SEO) : au lieu de l'utiliser pour décrire une image aussi brièvement et du mieux qu'ils le peuvent, ils utilisent l'espace pour insérer des mots-clés qui, selon eux, aideront leur site à se classer. Évidemment, cela ne se traduit généralement pas par une bonne expérience de lecture pour un visiteur de site Web et vous voulez éviter cela pour garder votre site Web accessible.

Lorsqu'une personne accède à votre site Web via un lecteur d'écran et que votre site Web n'a pas de balises alt ajoutées à son contenu visuel, son lecteur d'écran ne sera pas en mesure d'expliquer au lecteur ce qu'il y a dans l'image. Une balise alt est ce qui indique à un logiciel de lecture d'écran ce qu'il y a dans une image et comment elle est pertinente par rapport au contenu environnant.

Pour ajouter des balises alt aux images d'un site, vous devez vous rendre dans le champ Alt Text qui se trouve sur le côté droit de votre éditeur et écrire une courte phrase décrivant l'image.

5. Gardez vos liens descriptifs

Certains utilisateurs vont utiliser la technologie de commande vocale pour naviguer sur votre site en raison de limitations visuelles. Étant donné que ce segment de visiteurs de votre site utilisera des lecteurs d'écran pour accéder au contenu de votre site, vos liens doivent être plus contextuels.

Au lieu de dire quelque chose de vague comme "en savoir plus", vous pouvez ajouter plus de détails pour contextualiser votre lien afin que les utilisateurs sachent exactement où le lien les mènera. Ainsi, au lieu de simplement "en savoir plus", vous pouvez ajouter plus de détails et faire lire quelque chose comme "cliquez ici pour en savoir plus sur la façon dont notre équipe peut vous aider". De cette façon, un utilisateur utilisant un lecteur d'écran est invité à cliquer sur le lien fourni.

6. Testez la taille de votre police sur différents écrans

Avant de donner votre approbation actuelle, vous devez accéder à votre site via différents appareils avec différentes tailles d'écran, par exemple, en testant l'apparence de votre texte sur un ordinateur personnel (PC) et un téléphone mobile, afin de vous assurer qu'il est optimisé. pour les grands et les petits écrans.

7. Ajouter des liens de contenu principal

Si vous ne faites rien à ce sujet, les utilisateurs utilisant des lecteurs d'écran passeront beaucoup de temps sur votre site simplement parce que leurs lecteurs commenceront à lire votre site Web du haut vers le bas, et parfois cela peut prendre un certain temps avant qu'il ne commence à lire le contenu dont l'utilisateur a besoin. lire.

Pour y remédier, lors de la création de votre site WordPress, vous devrez insérer des liens permettant aux lecteurs d'écran de passer directement au contenu principal de votre page. Ce lien peut être ajouté à la première colonne de votre langage de balisage hypertexte (HTML).

8. Offrir des alternatives textuelles au contenu visuel et audio

L'ajout de sous-titres à votre contenu peut aider les personnes malentendantes à accéder à votre contenu. Lorsque vous publiez des vidéos, des podcasts ou des livres audio sur votre site, assurez-vous d'avoir ajouté du texte alternativement à ce contenu afin que tout le monde puisse le comprendre.

9. Activer l'indexation des onglets

Certains de vos utilisateurs, en particulier ceux dont la motricité est limitée, répondront souvent sur la touche de tabulation de leur clavier au lieu de naviguer sur votre site à l'aide d'un trackpad ou d'une souris.

Pour accueillir ces utilisateurs, assurez-vous que votre site est indexé par onglets. C'est à ce moment que vous vous assurez que tous les utilisateurs peuvent accéder à votre contenu dans l'ordre prévu en établissant l'ordre des éléments de votre contenu.

10. Concevez des sites pour des vitesses Internet faibles

Alors que l'utilisateur moyen aura des vitesses Internet élevées à moyennes lorsqu'il accède à votre site, certains utilisateurs connaissent des vitesses Internet inférieures à la normale.

De plus, même les utilisateurs ayant des vitesses Internet généralement élevées peuvent rencontrer des connexions inégales de temps en temps. Concevoir votre site Web dans cet esprit peut aider à garder votre site Web accessible à tous à tout moment.

Vous pensez peut-être que cela signifie que votre site Web ne doit être écrit qu'en texte HTML, mais c'est loin d'être le cas. Les normes à suivre peuvent inclure :

• Assurez-vous que vos pages ne dépassent pas 25 Ko. Votre objectif doit être de charger les données du site Web en 15 secondes environ.
• Utilisez des feuilles de style en cascade (CSS) pour réduire les images sur votre site et garder la structure de votre site propre.
• Assurez-vous que les pages de votre site peuvent être mises en cache, ce qui réduit le temps de chargement pour les visiteurs qui fréquentent votre site.
• Évitez les liens vers des fichiers volumineux tels que des fichiers PDF, mais assurez-vous que ces liens sont nécessaires. afficher la taille du fichier.
• Le contenu qui se charge en premier sur votre site doit être très important car il motive un lecteur à attendre quelques secondes de plus pendant que d'autres informations se chargent. Assurez-vous donc de mettre les informations précieuses en premier.

Conclusion

Rendre un site Web accessible implique beaucoup de planification. Cela est vrai que vous créiez un site à partir de zéro ou que vous souhaitiez ajuster votre site actuel. Prenez le temps de réfléchir à la façon dont les utilisateurs avec différentes limitations pourraient interagir avec votre site Web et comment améliorer leur expérience.