Comment rendre votre site Web WordPress accessible

Comprendre et utiliser correctement l'accessibilité de WordPress est essentiel à la convivialité de votre site. Si vous êtes nouveau sur ce sujet, l'accessibilité est exactement ce à quoi cela ressemble : la mesure dans laquelle n'importe qui peut accéder à quelque chose et l'utiliser pleinement.

"L'accessibilité est la pratique consistant à rendre vos sites Web utilisables par le plus grand nombre de personnes possible. Nous pensons traditionnellement que cela concerne les personnes handicapées, mais la pratique consistant à rendre les sites accessibles profite également à d'autres groupes tels que ceux qui utilisent des appareils mobiles ou ceux dont les connexions réseau sont lentes. (la source)

Plus votre site est accessible, plus les gens peuvent l'utiliser. Lorsqu'un site est moins accessible, ou lorsque l'accessibilité n'est pas prioritaire, une partie de votre public est dissuadée ou complètement empêchée d'obtenir toutes les informations que votre site a à offrir.

Dans cet article, nous expliquerons pourquoi l'accessibilité est importante, ce qu'elle signifie, dans quelle mesure WordPress est déjà accessible, comment les constructeurs de sites peuvent rendre les sites accessibles et comment tester l'accessibilité d'un site.

Commençons!

Consultez notre guide vidéo sur l'accessibilité des sites Web

Que signifie l'accessibilité du Web

L'accessibilité Web signifie qu'un site Web est conçu et développé de manière à ce que tout le monde puisse l'utiliser. Cela inclut la façon dont ils comprennent, naviguent, interagissent avec et contribuent au site Web.

Un bon moyen de définir et de comprendre pleinement l'accessibilité du Web consiste à briser certains de ses mythes.

Plus votre site est accessible, plus les gens peuvent l'utiliser. C'est si simple. Apprenez-en plus dans ce guide. ️ Cliquez pour tweeter

Premier mythe : c'est juste pour les aveugles

Un site Web entièrement accessible doit pouvoir être utilisé par des personnes souffrant de handicaps auditifs, cognitifs, neurologiques, physiques, de la parole et visuels. Les personnes handicapées sont au centre des efforts d'accessibilité. Cependant, ils ne sont pas les seuls à bénéficier d'un site Web accessible.

L'accessibilité Web améliore l'expérience utilisateur pour tous les types de personnes et de situations suivants :

• Quelqu'un utilisant des appareils mobiles avec des écrans plus petits et différents modes de saisie.
• Les personnes dont les capacités, la vision ou la mobilité sont limitées en raison du vieillissement.
• Quelqu'un avec une difficulté temporaire comme une main blessée.
• Une personne utilisant le site dans une zone dont l'éclairage peut modifier le contraste de son écran.
• Quelqu'un accédant au site avec une connexion Internet ou une bande passante limitée.

Deuxième mythe : c'est une mode ou une tendance

Il y a de fortes chances que vous ayez de plus en plus entendu parler de l'accessibilité du Web ces dernières années. À mesure que le Web se développe et que de plus en plus de personnes en dépendent, l'accessibilité du Web devient un problème de plus en plus urgent. Mais ce n'est pas qu'une mode.

"L'accessibilité numérique est un droit civil et un droit humain des personnes handicapées dans le monde entier."
Lainey Feingold, avocate des droits des personnes handicapées et auteure

Au fur et à mesure que le temps passe et que l'utilisation du Web devient plus omniprésente, le besoin d'une accessibilité généralisée du Web augmente également. Lorsqu'un site Web n'est pas entièrement accessible conformément aux directives des WCAG, les particuliers peuvent intenter une action en justice contre le développeur ou le propriétaire du site Web.

Il suffit de jeter un coup d'œil au nombre de poursuites judiciaires concernant l'accessibilité du Web pour comprendre à quel point les gens prennent cela au sérieux. Le nombre de poursuites de 2017 à 2018 a presque triplé. Depuis lors, ce nombre a atteint en moyenne 2 345 procès par an. Même pendant la pandémie de COVID-19 tout au long de 2020, le nombre de poursuites pour accessibilité du site Web du titre III de l'ADA devant un tribunal fédéral est passé à 12 % par rapport à l'année précédente.

L'accessibilité du Web est là pour rester. Au fur et à mesure que nous développons des logiciels et des sites Web, nous devons intégrer l'accessibilité Web dans nos processus à l'avenir. Cela est nécessaire non seulement parce que personne n'aime être poursuivi, mais parce qu'Internet doit répondre aux besoins de tous les individus, quels qu'ils soient.

Troisième mythe : vous pouvez entièrement automatiser l'accessibilité

Une fois que vous comprenez pourquoi l'accessibilité est importante - et qu'il peut y avoir des conséquences à ne pas lui accorder la priorité - vous pourriez être pressé de vous assurer que votre site Web est conforme aux WCAG.

L'un des mythes les plus répandus sur l'accessibilité du Web est que vous pouvez télécharger un simple plug-in ou installer un logiciel qui, en un claquement de doigts, rend votre site entièrement accessible. C'est tout simplement impossible.

Selon a11yproject.com, les problèmes d'accessibilité sont objectifs ou subjectifs. Les problèmes objectifs peuvent être détectés par code, et les problèmes subjectifs nécessitent un jugement humain. Le code ne peut jamais résoudre avec précision les problèmes qui entrent dans cette dernière catégorie, et les tentatives de le faire causent souvent plus de mal que de bien dans le processus.

"Les solutions de superposition sont des solutions logicielles automatisées qui, comme nous le savons, ne peuvent détecter qu'environ 30 % des problèmes WCAG en premier lieu. C'est parce que les WCAG sont nuancés et interprétatifs. Les machines ne sont pas douées pour ça. (la source)

N'oubliez pas que l'accessibilité ne consiste pas à éviter les risques, mais à offrir des expériences optimisées à tous les utilisateurs.

Directives pour l'accessibilité du contenu Web

La Web Accessibility Initiative a développé un ensemble de directives pour l'accessibilité du contenu Web (WCAG) qui peuvent vous aider à vous assurer que votre site est conforme et entièrement accessible. Si vous concevez, développez ou gérez un site Web, vous devez bien connaître ces directives.

L'accessibilité n'est pas seulement une priorité pour les développeurs, mais aussi pour les concepteurs, les spécialistes du marketing, les rédacteurs de contenu, les chefs de projet, etc. L'accessibilité doit être une priorité tout au long du processus de construction du site, de la planification au lancement. Vous devez également améliorer en permanence l'accessibilité d'un site Web après sa mise en ligne.

À quel point WordPress est-il accessible dès la sortie de la boîte ?

C'est l'une des grandes questions que beaucoup de gens se posent lorsqu'ils considèrent WordPress comme une option de création de site : dans quelle mesure est-il déjà accessible et combien de travail faut-il faire pour rendre WordPress accessible ? Puisqu'il n'y a pas de réponse en noir et blanc à cela, regardons dans quelle mesure WordPress est déjà accessible.

Où WordPress fait bien l'accessibilité

La bonne nouvelle est qu'avec le temps, WordPress est devenu de plus en plus accessible. Chaque version fait de petits pas et des progrès avec l'accessibilité à l'esprit. À mesure que l'accessibilité devient un sujet plus vaste dans l'esprit de plus de gens, plus de gens peuvent lui accorder la priorité.

De plus, de nombreux membres de la communauté WordPress sont passionnés et vocaux sur ces sujets. Chaque nouveau thème WordPress par défaut prend des mesures supplémentaires pour devenir plus accessible. Les développeurs proposent constamment de nouveaux outils d'assistance et rédigent des guides et des articles sur l'accessibilité de WordPress. En conséquence, vous ne serez jamais seul dans votre parcours d'accessibilité WordPress.

Si vous souhaitez en savoir plus sur WordPress et l'accessibilité directement auprès des membres de la communauté, visitez WordPress.tv et regardez ces discussions sur l'accessibilité.

Où WordPress rate la cible

Malgré les avancées récentes, WordPress n'est pas toujours accessible à 100 % dès sa sortie de l'emballage. Chaque version de WordPress fait face à des critiques en ce qui concerne ses lacunes. Début 2019, WPCampus a effectué un audit approfondi de la dernière version de Gutenberg à l'époque. Un travail comme celui-ci est incroyablement important; depuis cet audit, 116 problèmes liés à l'accessibilité ont été résolus.

Il peut être difficile pour les créateurs de contenu handicapés de publier avec WordPress. Parce qu'il est impossible d'automatiser toutes les facettes de conception et de développement accessibles, n'importe qui peut créer des pages Web inaccessibles avec WordPress.

"Le front-end de WordPress est à peu près au même endroit depuis des années : parfaitement capable d'être accessible, mais cela dépend entièrement du développeur qui construit le site. Un thème médiocre ou des plug-ins inaccessibles font toute la différence. L'administrateur a continué à s'améliorer - il a été difficile de faire avancer l'éditeur Gutenberg vers une meilleure accessibilité, mais des progrès sont en cours. Cela dit, c'est une bataille constante pour éviter les régressions d'accessibilité avec tout nouveau composant d'interface. (la source)

Alors qu'est-ce que cela signifie pour vous en tant que développeur ou concepteur WordPress ? Votre parcours vers un site Web entièrement accessible est un peu plus court lorsque vous démarrez avec WordPress. Cependant, il reste encore du chemin à parcourir avant d'atteindre la ligne d'arrivée.

Comment créer un site Web WordPress accessible

Passons maintenant aux étapes que vous pouvez suivre pour vous assurer qu'un site Web WordPress est accessible à tous les utilisateurs.

Quoi qu'il en soit, ne laissez jamais l'accessibilité comme une tâche à accomplir à la fin du projet. Cela devrait être une priorité intégrée dès le début de votre processus. Et cela devrait être un objectif continu une fois le site lancé.

Il n'existe pas de liste de contrôle unique que l'on puisse suivre ou automatiser pour garantir une accessibilité à 100 %. Une grande partie du travail dépend de vos plugins, de votre thème et de votre contenu.

Créer un site Web accessible, c'est comme construire un bâtiment sûr - bien sûr, il existe des directives, mais une attention individuelle, un entretien et des rénovations réfléchies sont essentiels pour vous assurer d'atteindre l'objectif.

Meilleures pratiques de conception accessible

Commençons par quelques bonnes pratiques de conception accessible pour les sites Web WordPress, ventilées par type. Cette information devrait servir de base solide pour votre éducation à l'accessibilité.

Images

Toutes les images de votre site doivent être accessibles à tous les utilisateurs. Étant donné que tous les utilisateurs ne peuvent pas voir les images, certains peuvent utiliser une technologie d'assistance pour comprendre les éléments visuels, et votre site doit donc être prêt à fonctionner avec cette technologie.

Le texte alternatif (ou "alt") est une description écrite que vous joignez à une image. Les lecteurs d'écran liront cette description à voix haute à tout invité qui pourrait ne pas voir l'image. Le texte alternatif doit être utilisé pour toutes les images qui fournissent des informations utiles sur la page. Cela inclut tout, des photos aux icônes en passant par les infographies.

La seule exception est si une image est considérée comme purement "décorative". Les images d'arrière-plan, les séparateurs ou les images qui affichent du texte présenté sur la page elle-même n'auront pas nécessairement besoin de texte alternatif.

Lorsque vous écrivez un texte alternatif, n'oubliez pas de ne pas décrire l'image telle qu'elle est. Au lieu de cela, communiquez ce que l'image signifie dans le contexte de la page. Voici quelques bonnes lignes directrices pour vous aider à rédiger un excellent texte alternatif :

• Court et simple est le meilleur.
• Les lecteurs d'écran communiqueront qu'il s'agit d'une image, évitez donc de dire "Ceci est une image de…" dans votre texte alternatif.
• Si l'image est un lien, le texte alternatif doit expliquer ce qui se passera si l'utilisateur sélectionne cette image.
• Le texte alternatif doit inclure tout texte qui apparaît sur l'image. L'exception est lorsque ce même texte apparaît également près de l'image, comme dans une légende.

Ajouter du texte alternatif aux images de votre site Web WordPress est plus facile que vous ne le pensez. Vous pouvez ajouter ce texte au même endroit où vous ajouteriez la légende d'une image.

Ouvrez votre médiathèque et sélectionnez l'image que vous souhaitez modifier. L'écran Paramètres de cette image s'ouvrira. Dans le champ Texte alternatif , ajoutez votre texte alternatif, puis cliquez sur Enregistrer :

Couleurs

Lors de la conception d'un site accessible, il est essentiel de fournir un contraste de couleurs adéquat. Un mauvais contraste des couleurs peut affecter la lisibilité de vos sites dans de nombreux cas, par exemple pour les utilisateurs malvoyants, les utilisateurs daltoniens ou les personnes utilisant certains appareils. Les images, le texte et les éléments tels que les boutons nécessitent tous un contraste de couleur approprié.

Le contraste des couleurs fait référence à la façon dont les couleurs claires ou sombres apparaissent lorsqu'elles sont placées les unes contre les autres ou très proches les unes des autres. Par exemple, un texte noir sur fond blanc a un contraste de couleur beaucoup plus élevé (21:1) qu'un texte jaune sur fond blanc (1,08:1). WCAG 2.0 AA nécessite un minimum d'un rapport de 4,5: 1 pour le texte normal et de 3: 1 pour un texte plus grand (gras 18 pixels ou standard 24 pixels et plus).

Qu'est-ce que cela veut dire exactement? Le moyen le plus simple de déterminer si vos couleurs fonctionnent bien ensemble est de les insérer dans un outil de test de contraste, comme le WebAIM Contrast Checker. Il existe des tonnes d'outils de vérification gratuits en ligne.

Consultez notre section de test pour en savoir plus sur les tests de couleurs.

Au fur et à mesure que vous testez de plus en plus de combinaisons de couleurs, vous deviendrez plus apte à déterminer à vue seule quelles combinaisons de couleurs fonctionnent et lesquelles ne fonctionnent pas.

Vous devez également vous assurer que vous évitez d'utiliser la couleur comme principal facteur de distinction. Par exemple, de nombreux sites ont des liens dont la couleur est différente de celle du corps du texte environnant. Cependant, si la couleur est difficile à voir pour un utilisateur pour une raison quelconque, il peut lui être impossible de faire la différence entre un mot lié et un mot non lié. Utilisez la couleur pour embellir un lien, mais ajoutez un soulignement sous le texte pour rendre le lien accessible.

Texte

Une grande partie de ce que nous rencontrons sur le Web est du texte. Nous utilisons des sites Web pour lire des articles, des recettes, des histoires et bien plus encore. Vous lisez cet article en ce moment ! Par conséquent, le texte doit être optimisé pour tous les lecteurs, qu'ils lisent avec leurs yeux ou leurs oreilles.

Il existe deux manières principales de parler de texte lorsque l'on parle d'accessibilité : les polices et les tailles.

Une police accessible est facile à lire en petites et grandes tailles. Des polices comme Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab et Rockwell sont toutes des choix accessibles. Les lecteurs dyslexiques peuvent trouver difficile de lire certaines polices, y compris de nombreuses polices serif. Les polices sans empattement pour le corps du texte ont tendance à être un choix plus sûr. Il est préférable d'éviter les polices d'affichage - comme les styles d'écriture manuscrite ou cursive - à moins que le texte ne soit volumineux, clairsemé et principalement décoratif.

La taille des polices est extrêmement importante pour l'accessibilité. Discutons de quelques règles empiriques en matière de dimensionnement de police accessible.

Les polices par défaut doivent être d'au moins 9pt ou 12px. 12pt ou 16px est recommandé. Selon les directives des WCAG, le texte doit pouvoir être lu lorsqu'il est agrandi à 200 %. Il est recommandé d'utiliser des pourcentages ou em au lieu de pixels ou de points pour définir la taille de la police. L'utilisation de différents poids de police est très bien, mais assurez-vous que si votre texte utilise un poids léger, il est assez grand pour être vu.

Ce n'est pas la solution ultime pour concevoir en gardant l'accessibilité à l'esprit. Mais il est essentiel de savoir par où commencer. Si vous souhaitez approfondir vos connaissances sur la conception pour l'accessibilité, consultez ces ressources :

• Conception et applications Web du W3C
• Introduction à l'accessibilité Web pour les concepteurs
• Concevoir pour l'accessibilité n'est pas si difficile
• 10 exemples de conception Web accessible conforme à l'ADA
• Accessibilité dans la conception

Meilleures pratiques de développement accessible

Lors de la création d'un site Web ou de ses logiciels complémentaires (comme les thèmes et les plugins), il y a des choses importantes à garder à l'esprit pour l'accessibilité. Une partie de cela chevauche la conception, mais cette section suivante se concentre principalement sur le fonctionnement de votre site et la manière dont votre utilisateur interagira avec lui.

Éléments interactifs

Les utilisateurs doivent pouvoir interagir avec votre site Web et l'utiliser avec une relative facilité, quoi qu'il arrive. Il ne s'agit pas seulement de profiter des images et de lire du texte, mais aussi d'interagir avec les menus, les formulaires, les boutons et les vidéos.

Lors de la construction de votre site, assurez-vous que tous les éléments interactifs peuvent être identifiés facilement. Tous les menus de navigation - de l'en-tête au pied de page - doivent être utilisables avec les commandes du clavier. L'apparence des liens et des boutons lors du hover , du focus et du click devrait changer.

La navigation à travers les pages de votre site doit être cohérente et claire. La façon dont vous nommez, stylisez et positionnez les liens de navigation est extrêmement importante. Des fils d'Ariane réfléchis et des titres clairs permettront aux utilisateurs d'interagir avec votre contenu en toute confiance.

Il y a de fortes chances que vous ayez un ou deux formulaires sur votre site Web. Vous pourriez être surpris de découvrir combien de formulaires sont inaccessibles. Vos éléments de formulaire doivent inclure des libellés associés, soit à gauche, soit au-dessus du champ. (Les cases à cocher et les cases d'option peuvent aller sur la droite.) Il doit être clair pour les utilisateurs à quoi sert chaque champ de formulaire.

Si vous avez du contenu sur votre site qui se lit automatiquement, comme un GIF, un curseur, un carrousel, une vidéo ou de la musique, il devrait y avoir des contrôles visibles qui permettent à l'utilisateur d'arrêter l'animation ou le son. Il est préférable de fournir des options pour arrêter, mettre en pause ou masquer complètement l'élément.

Si vous êtes un développeur et que vous souhaitez vous plonger dans le développement pour l'accessibilité Web, consultez ces conseils directement du W3C.

Thèmes WordPress

Si vous êtes un constructeur de site Web DIY, vous pouvez accomplir une grande partie de ce dont traite cet article en choisissant un thème accessible. Il est important que les développeurs comprennent ce qui rend un thème accessible pour le prioriser dans leurs projets.

Les thèmes WordPress contrôlent l'apparence de votre site Web. De nombreux thèmes sont pré-emballés avec des schémas de couleurs et des familles de polices. Il est impératif de s'assurer que ces couleurs et ces polices répondent aux exigences décrites ci-dessus. De nombreux thèmes se présentent comme «entièrement accessibles», mais ce n'est pas toujours vrai. Utilisez vos propres tests pour déterminer si un thème est accessible ou non.

L'équipe d'accessibilité de WordPress.com a préparé une liste de 92 thèmes gratuits dans le référentiel WordPress que vous pouvez commencer à utiliser dès maintenant.

Lors de la création d'un thème accessible, assurez-vous que vous êtes familiarisé avec les exigences des WCAG dès le début. Les domaines communs à traiter au cours du développement comprennent :

• Contraste de couleur adéquat dans les palettes de couleurs prédéfinies
• La possibilité de naviguer facilement sur le site Web avec un clavier
• Utilisation de rôles ARIA appropriés et/ou de points de repère HTML5 pour garantir une expérience prête pour les lecteurs d'écran
• Balisage sémantique HTML approprié
• Éviter de répéter les identifiants sur une page
• Permettre aux utilisateurs d'arrêter ou de contrôler tout mouvement automatique

Assurez-vous de mettre en signet les directives d'accessibilité WordPress pour une référence facile lorsque vous commencez à créer votre thème.

Plugins WordPress

Les plugins WordPress vous permettent d'ajouter des fonctionnalités plug-and-play à votre site Web WordPress. Il existe deux types de plugins d'accessibilité WordPress : ceux qui vous aident à créer un site Web accessible et à rendre un site existant accessible aux utilisateurs.

Méfiez-vous des plugins WordPress qui vous offrent des garanties comme "l'accessibilité en un clic" ou "accessible automatiquement". Ces choses sont impossibles. Les plugins sont des outils qui peuvent vous aider à atteindre vos objectifs d'accessibilité, pas des baguettes magiques qui font tout le travail pour vous. Parfois, les plugins peuvent même entraver vos efforts d'accessibilité - alors procédez avec une certaine prudence !

Il existe des tonnes de plugins axés sur l'accessibilité qui promettent d'améliorer, de surveiller ou de résoudre les problèmes d'accessibilité. Ils pourraient auditer le site et vous indiquer où apporter des améliorations. Ou ils peuvent fournir des outils frontaux pour faciliter la création d'une expérience accessible sur votre site.

Certains d'entre eux sont très utiles. D'autres, cependant, font de fausses promesses. Assurez-vous toujours de bien vérifier un plugin comme celui-ci avant de vous y engager.

Certains plugins créent du contenu interactif, comme des quiz et des curseurs. Comme indiqué précédemment, ces éléments nécessitent une attention particulière et des tests pour s'assurer qu'ils sont entièrement accessibles. Testez toujours minutieusement un plugin interactif sur un site de test ou de développement avant de le mettre en ligne.

La même chose peut être dite pour les plugins de formulaire. Malheureusement, beaucoup ont des problèmes d'accessibilité. Si vous trouvez que c'est le cas, les formulaires codés personnalisés sont une bonne alternative.

Une catégorie populaire de plugins est celle des plugins de création de pages. Ils sont parfaits pour vous permettre de créer rapidement des conceptions robustes et sophistiquées par glisser-déposer. Cependant, ils peuvent souvent introduire plus de problèmes d'accessibilité qu'ils n'en résolvent. Il n'y a pas de solution unique à ce problème, alors gardez votre conception simple et assurez-vous de tester tous les éléments pour confirmer l'accessibilité.

Déclarations d'accessibilité

Une déclaration d'accessibilité est une page de votre site Web où vous communiquez vos politiques internes, vos objectifs d'accessibilité et vos succès passés concernant le travail avec des personnes handicapées.

Vous devez générer et publier une déclaration d'accessibilité sur votre site Web WordPress pour les raisons suivantes :

• Pour montrer à vos utilisateurs que vous vous souciez de l'accessibilité et qu'ils
• Pour fournir des informations sur l'accessibilité de votre contenu
• Démontrer son engagement envers l'accessibilité et la responsabilité sociale

Vous pouvez rédiger votre propre déclaration d'accessibilité en suivant ces directives fournies par le W3C ou en utilisant un générateur de déclaration d'accessibilité.

Comment tester l'accessibilité du site WordPress

L'accessibilité ne consiste pas à appuyer sur les bons boutons, puis à s'éloigner. Les tests sont un élément essentiel pour s'assurer qu'un site est entièrement accessible. Les tests automatisés et manuels peuvent vous aider à vous assurer que toutes vos bases sont couvertes.

Comment effectuer des tests automatisés

Les tests automatisés sont utiles pour déterminer par où commencer. Si vous êtes novice en matière d'accessibilité ou si vous ne savez pas par où commencer, commencez par des tests et des évaluations automatiques.

La plupart des tests automatisés identifieront des éléments tels qu'un mauvais contraste des couleurs, un texte alternatif manquant, des liens vides, des problèmes avec des éléments structurels, etc. Vous pouvez utiliser ces tests pour générer une liste de problèmes à résoudre. Des tests comme ceux-ci sont particulièrement utiles pour trouver des erreurs basées sur le code qui peuvent être moins visibles à l'œil nu, mais qui auront une importance significative pour certains de vos utilisateurs.

Un exemple de test d'accessibilité gratuit que vous pouvez utiliser est l'outil WebAim. Il examine l'intégralité de votre page Web et génère une liste d'erreurs. Il vous montrera même exactement où sur la page ces erreurs se produisent.

Vous pouvez trouver des tonnes d'outils d'accessibilité individuels pour vous aider à résoudre des problèmes spécifiques. Par exemple, utilisez un contrôleur de contraste avant même de commencer à concevoir pour vous assurer que les couleurs de votre palette joueront bien ensemble.

N'oubliez pas qu'aucun test automatisé n'est parfait, infaillible ou ne remplace pas les tests manuels.

Comment effectuer des tests manuels

Parce que l'accessibilité de WordPress concerne de vrais cas d'utilisation humaine, de vrais humains doivent être ceux qui ont le dernier mot sur l'accessibilité ou non d'un site. Par conséquent, réserver du temps et des ressources pour les tests manuels est extrêmement important.

Alors, comment effectuez-vous un test manuel? Voici quelques choses que vous pouvez faire pour tester l'accessibilité d'un site sans outils ou programmes sophistiqués ou coûteux :

1. Abandonnez la souris : assurez-vous que vous pouvez naviguer raisonnablement et facilement dans toutes les fonctions de votre site Web en utilisant uniquement les touches de votre clavier. Cela inclut le déplacement entre les sections, l'accès aux menus, le passage d'une page à l'autre, le saut de page et l'interaction avec les liens et les formulaires.
2. Utilisez un lecteur d'écran : mettez-vous à la place d'une personne dont la visibilité est faible ou médiocre. Utilisez une application de lecture d'écran ou un site Web et examinez le contenu de votre site pour vous assurer qu'il a toujours du sens et qu'il semble fluide lorsqu'il est lu à haute voix.
3. Testez le site dans différents environnements : allez quelque part avec un réseau Wi-Fi public pour vous assurer que votre site se charge correctement sans connexion Internet de haute qualité. Prenez note des zones du site qui traînent ou disparaissent complètement avec une mauvaise connexion.
4. Augmentez le zoom : ouvrez votre site dans un navigateur et utilisez les paramètres du navigateur pour effectuer un zoom avant de 200 %. Pouvez-vous toujours utiliser, naviguer et interagir avec le site dans ce cadre ? Y a-t-il du contenu qui disparaît ou est coupé ?
5. Concentrez-vous sur l'interactivité : assurez-vous de passer beaucoup de temps à tester des éléments interactifs tels que des vidéos, des formulaires et des boutons. Les liens et les champs de formulaire doivent toujours être mis en évidence avec un contour, un soulignement, un curseur spécial.
6. Revérifiez vos balises alt : si vous ne savez pas si une image a ou non une image alternative jointe, utilisez l'outil Inspecter l'élément pour confirmer.
7. Pensez différemment : si toutes les images de votre site disparaissaient, quelqu'un pourrait-il encore l'utiliser ? Si toutes les couleurs de votre site devenaient soudainement noires et blanches, comment cela affecterait-il la convivialité ? Assurez-vous que les parties essentielles de votre site fonctionneront toujours si les éléments décoratifs sont affectés d'une manière ou d'une autre.

En cas de doute, contactez une entreprise qui propose des tests d'accessibilité manuels. Les experts en accessibilité et en conception et développement Web peuvent effectuer rapidement un examen manuel et vous dire exactement quels domaines doivent être améliorés.

N'oubliez pas que votre public réel est l'une de vos meilleures ressources. Ayez une zone claire sur votre site où les utilisateurs peuvent fournir des commentaires sur l'accessibilité. Si quelqu'un a des difficultés à utiliser votre site, il devrait être clair, d'après vos efforts de collecte de commentaires, que vous êtes ouvert à entendre parler de cette expérience et à rectifier le problème.

Votre site Web est-il accessible à tous les visiteurs? En savoir plus sur la façon dont vous pouvez tester l'accessibilité dans ce guide ️ Cliquez pour tweeter

Résumé

Internet est devenu l'un des outils les plus importants de notre vie quotidienne. Chacun doit avoir la liberté d'y accéder, qu'il s'agisse de naviguer à la recherche de divertissements ou d'informations essentielles. Votre site a la responsabilité de respecter les normes établies en matière d'équité sur le Web.

Comprendre la nécessité de ces directives est la première étape vers un changement significatif et durable. Construire un site accessible signifie que plus de personnes bénéficient de ce que votre site Web a à offrir à long terme.

Vous reste-t-il des questions sur l'accessibilité de WordPress ? Faites le nous savoir dans la section "Commentaires!