Dans cet article, je vais vous montrer pourquoi il est si important de rendre votre site Web WordPress plus accessible et de présenter des outils simples que tout le monde peut utiliser pour augmenter l'accessibilité pour toutes les personnes. Pourquoi? Parce que votre objectif ultime est d'amener le plus de personnes possible à visiter votre site Web. Comment pouvez-vous espérer faire cela si vous ne rendez pas votre site accessible à tous ?

De plus, la plupart d'entre nous se concentrent sur la recherche de moyens magiques de générer des volumes élevés de trafic sur notre site en utilisant les dernières stratégies de marketing des médias sociaux et optimisation du moteur de recherche méthodes, mais ce que beaucoup d'entre nous oublient, c'est ceci : Les personnes qui vous ont déjà trouvé doivent pouvoir naviguer facilement sur votre site Web.

C'est extrêmement important, car tout comme dans une situation commerciale de brique et de mortier, les gens viennent de tous types, formes et tailles. En fin de compte, vous voulez que ceux qui ont pris le temps de visiter votre établissement passent du temps à regarder autour de vous, dépensent de l'argent, reviennent souvent et, surtout, ramènent d'autres personnes avec eux.

Si vous n'étiez pas intéressé par l'accessibilité des sites Web auparavant, vous devriez l'être maintenant. Cela dit, allons-y !

Qu'est-ce que l'accessibilité des sites Web ?

Prenons un moment pour comprendre de quoi nous parlons.

Accessibilité du site Web fait référence à la pratique consistant à supprimer les obstacles qui empêchent l'interaction avec les sites Web ou l'accès à ces sites Web par les personnes handicapées. Lorsque les sites sont correctement conçus, développés et édités, tous les utilisateurs ont un accès égal aux informations et aux fonctionnalités.

Nous parlons donc vraiment de la pratique consistant à supprimer les obstacles. Cela peut sembler compliqué, mais ce n'est vraiment pas le cas. Par exemple, un barrière dans votre site Web peut être quelque chose d'aussi simple que de ne pas créer de titre visible et significatif (c'est-à-dire un texte qui apparaîtra comme une info-bulle) pour un lien.

Si vous êtes un internaute moyen et que vous êtes soudainement déçu par le manque d'effort de la part du concepteur de site Web et/ou du webmaster pour rendre son site plus facile à naviguer, imaginez ce qu'une personne avec une vision le handicap se sent en ce moment.

Internet à travers les yeux des autres

Vous êtes-vous déjà demandé ce que c'est pour une personne déficiente sensorielle ou mentalement ou physiquement handicapée de naviguer sur Internet ? Peut-être pas. Je vous encourage à prendre le temps de le faire dès maintenant, car cela pourrait changer la façon dont vous créez et gérez des sites Web à partir de maintenant. Explorons quelques-uns des défis auxquels sont confrontés de nombreux internautes :

  • Visuel: déficiences, y compris la cécité, divers types courants de basse vision et de mauvaise vue, divers types de daltonisme.
  • Moteur/Mobilité: par exemple, difficulté ou incapacité à utiliser les mains, y compris tremblements, lenteur musculaire, perte de contrôle des muscles fins, etc., en raison d'affections telles que la maladie de Parkinson, la dystrophie musculaire, la paralysie cérébrale, les accidents vasculaires cérébraux.
  • Auditif: Surdité ou déficience auditive, y compris les personnes malentendantes.
  • Saisies: Crises de photoépilepsie causées par des effets visuels stroboscopiques ou clignotants.
  • Cognitif/Intellectuel: Troubles du développement, troubles des apprentissages (dyslexie, dyscalculie, etc.) et troubles cognitifs d'origines diverses, affectant la mémoire, l'attention, la « maturité » développementale, les capacités de résolution de problèmes et de logique, etc.

le bon la nouvelle est qu'il y en a beaucoup technologies d'assistance disponibles pour les personnes handicapées qui leur permettent de profiter de la navigation sur le net. Votre travail en tant que concepteur de site Web consiste à vous assurer que votre site respecte certaines directives qui permettront à ces technologies de fonctionner.

Outils d'accessibilité Internet populaires

En parlant de technologies d'assistance, voici une sélection des plugins d'accessibilité Internet les plus populaires souvent utilisés :

  • Logiciel de lecture d'écran qui utilise la synthèse vocale pour lire ce qui se passe sur l'ordinateur.
  • Afficheurs braille actualisables qui rendent le texte sous forme de caractères braille.
  • Logiciel de grossissement d'écran qui agrandit ce qui est affiché sur le moniteur.
  • Logiciel de reconnaissance vocalee qui transforme la voix en texte.
  • Superpositions de clavier pour rendre la saisie plus facile et plus précise

Et oui, il y a même une application pour ça :

  • Technologie d'assistance gratuite de Accessibilité eSSENTIEL aide les personnes qui ont du mal à taper, à déplacer une souris ou à lire un écran.

Maintenant que vous comprenez ce à quoi les personnes handicapées sont confrontées lorsqu'elles lisent un blog ou découvrent ce qu'est un échidné (* indice * il ressemble à un hérisson à pointes supplémentaires) et ce qu'il aime manger, ou peut-être simplement acheter ce cadeau parfait en ligne, nous pouvons examiner certains outils qui peuvent vous aider à réaliser une conception de site Web entièrement accessible. Après tout, si votre site est correctement accessible aux personnes handicapées, pensez à quel point il sera facile pour toutes les personnes naviguer.

Comment choisir un thème WordPress accessible

La première étape vers un site Web entièrement accessible consiste à choisir un thème prêt pour l'accessibilité. De nombreux développeurs de thèmes prennent le temps de mettre en œuvre les directives du Manuel d'accessibilité des thèmes WordPressdonc votre meilleur pari est de simplement demander à l'auteur si un thème particulier est prêt pour l'accessibilité.

Test d'accessibilité WAVE

Par exemple, chez WPExplorer, nous avons travaillé en étroite collaboration avec le Université d'Hawaï pour faire le Thème WordPress total plus accessible. Vous voulez jeter un œil ? Si vous exécutez le site Web UH via le Outil d'évaluation de l'accessibilité Web WAVE vous pouvez voir comment ils ont implémenté les fonctionnalités du thème pour rendre leur site Web utilisable par tous leurs étudiants.

Répertoire principal des thèmes de WordPress.org

Vous pouvez également trouver des thèmes accessibles gratuitement sur WordPress.orgcliquez simplement sur le Thèmes lien de menu en haut de la page pour ouvrir le répertoire des thèmes. Recherchez le sous-menu intitulé Filtre de fonctionnalités. Il y aura un petit équipement à côté. Cliquez dessus.

Cela ouvre une pléthore d'options parmi lesquelles vous pouvez choisir lors du filtrage de votre recherche. En dessous de Caractéristiquescliquez sur la fonctionnalité supérieure qui est – vous l'avez deviné – Prêt pour l'accessibilité.

Filtre d'accessibilité du répertoire du thème principal de WordPress.org

Vous pouvez ensuite sélectionner autant d'autres filtres que vous le souhaitez. Plus à gauche, vous verrez le Appliquer des filtres bouton qui vous montrera combien de filtres vous avez appliqués. Cliquez sur Appliquer des filtres. Veuillez garder vos mains et vos pieds à l'intérieur du véhicule en tout temps.

Thèmes prêts pour l'accessibilité de WordPress.org

Vous êtes maintenant arrivé à destination. Veuillez rester assis jusqu'à l'arrêt complet du véhicule et l'ouverture complète des portes. Choisissez ensuite un thème.

Il est important de noter que juste parce qu'un thème est marqué comme Prêt pour l'accessibilité ne signifie pas qu'il est « entièrement » accessible. Cependant, si un développeur de thème s'est donné la peine de marquer son thème comme accessible, il y a de fortes chances qu'il ait fait du travail sur ce front. Et si vous rencontrez des problèmes, faites-leur savoir afin qu'ils puissent mettre à jour le thème pour les autres utilisateurs.

Solutions de plugins WordPress (gratuites) pour l'accessibilité

Accessibilité WP

Peut-être que vous créez votre propre thème WordPress, ou peut-être souhaitez-vous utiliser le thème de votre choix. N'ai pas peur. L'une des choses étonnantes dans le monde de WordPress est la disponibilité de dizaines de milliers de plugins. Chaque fois que vous avez besoin de quelque chose, il existe généralement un plugin pour faire l'affaire.

Mon choix personnel est Accessibilité WP, qui est livré avec une variété d'outils pour vous aider à rechercher et à détruire bon nombre des problèmes d'accessibilité courants que vous pouvez rencontrer en utilisant des thèmes WordPress. Il nécessite très peu de connaissances spécialisées et un minimum de configuration.

Assistant d'accessibilité WP (WAH) est une autre option tout-en-un qui comprend une multitude de fonctionnalités utiles pour les liens de saut, le redimensionnement des polices, la numérisation DOM, le mode de contraste, etc. C'est un moyen rapide d'ajouter un certain nombre de fonctionnalités accessibles à votre site en un seul coup.

D'autres que vous voudrez peut-être vérifier répondent à des besoins d'accessibilité plus spécifiques.

Polices accessibles

le Widget Accessibilité crée un widget de changement de taille de police pour vos barres latérales. De cette façon, les lecteurs de votre site peuvent facilement modifier la taille du texte en fonction de leurs besoins.

Une deuxième option pour faciliter la lecture est la Redimensionneur de police Zeno. Le plugin permet aux administrateurs du site de définir les options de redimensionnement de la police (taille minimale et maximale, étapes de redimensionnement lors de l'augmentation et caractère) ainsi qu'une durée de cookie. De cette façon, les utilisateurs verront la police de taille correcte lorsqu'ils reviendront sur votre site.

Texte pour parler

Pour les lecteurs malvoyants, il est indispensable d'avoir des options audio. Un plugin que j'aime est Intervenant – Page to Speech. Ce plugin peut créer une version audio de vos publications et pages. Mieux encore, le plugin propose un choix de 190 voix de qualité humaine, prend en charge plus de 30 langues et fonctionne parfaitement avec la plupart des thèmes.

Solution de synthèse vocale de GSpeech est une option gratuite pour l'accessibilité audio. Il fonctionne avec n'importe quel texte de vos pages et ajoute un bloc audio à votre site. Ensuite, vous pouvez utiliser des options pour changer les couleurs, la voix du haut-parleur et plus encore.

Formes

Vous pouvez facilement rendre vos formulaires de contact accessibles avec des plugins comme Formulaire de contact 7 : Paramètres par défaut accessibles et Champs de formulaire WCAG pour les formulaires de gravitéou simplement en utilisant un plug-in de formulaire accessible tel que Formidable Forms.

Cela mis à part, il existe un certain nombre d'autres outils et plug-ins utiles disponibles pour résoudre divers problèmes liés à l'accessibilité des sites Web. C'est une super page pour consulter la liste complète des outils de développement recommandés.

Tester l'accessibilité de votre site Web

Une fois que vous avez créé votre site Web, il peut être judicieux de tester vos modifications. Il existe de nombreuses méthodes et logiciels que vous pouvez utiliser pour tester l'accessibilité, mais il y en a quelques-uns qui facilitent les tests.

Outil d'évaluation de l'accessibilité Web WAVE

Celui que nous mentionnons déjà dans cet article est le Outil d'évaluation de l'accessibilité Web WAVE par WebAIM. Cet outil utile affiche toutes les erreurs, alertes, fonctionnalités, éléments structurels, étiquettes ARIA et erreurs de contraste afin que vous puissiez les ajuster en conséquence.

Vérificateur d'accessibilité par Equalize Digital

Mais un meilleur outil pour les utilisateurs de WordPress est Vérificateur d'accessibilité plugin créé par Equalize Digital. Ce plugin gratuit analyse votre contenu pour fournir des avis d'avertissement en temps réel lors de l'édition. De cette façon, vous pouvez voir correctement si les nouveaux articles ou pages sont conformes aux WCAG. Le vérificateur affiche également la section de code responsable du déclenchement d'un avis afin que vous (ou votre développeur Web) puissiez effectuer les ajustements nécessaires. Et si vous passez à la version provous pourrez également analyser les types de publication personnalisés, accéder à une liste de problèmes ouverts, consigner les problèmes ignorés, définir l'accès des rôles d'utilisateur aux fonctionnalités d'ignorance d'accessibilité et créer une déclaration d'accessibilité pour votre site Web.

outil d'accessibilité totale

Un autre outil pour les développeurs est Total11y, une boîte à outils de visualisation de l'accessibilité développée par la Khan Academy. Ce fichier JS doit simplement être ajouté à votre site pour activer l'outil d'accessibilité, qui apparaît dans un petit onglet d'icône de lunettes en bas de l'écran. Cliquez simplement pour afficher les éléments accessibles sur votre page ainsi que les erreurs ou les violations que vous pourriez vouloir corriger.

Conclusion

L'accessibilité du site Web est aussi importante, sinon Suite donc, que de simplement diriger le trafic vers votre site. Vous pouvez maintenant comprendre pourquoi il est essentiel de s'assurer que tous ceux qui arrivent à destination peuvent pleinement comprendre et naviguer dans toutes les informations incroyablement divertissantes et informatives qui sont votre site web.

Alors qu'est-ce que tu attends? Profitez-en pour rendre votre site plus accessible dès maintenant !