L’accessibilité des sites Web consiste à rendre les sites Web, les applications et les autres technologies accessibles aux personnes souffrant de divers handicaps. Chaque site web devrait être accessible à tous, qu’ils soient atteints d’une maladie qui affecte la façon dont ils interagissent ou utilisent un site web.
Des millions d’internautes ont des besoins qui pourraient les empêcher d’accéder à un site web ou de l’utiliser s’il n’est pas conçu en fonction de leurs handicaps ou de leurs conditions. Cela comprend :
- Visuel : Incapacité partielle ou totale de voir les couleurs ou de percevoir les contrastes (par exemple, daltonisme, cécité).
- L’audition : Incapacité réduite ou totale d’entendre
- Physique : Difficulté à bouger ou à utiliser certaines parties de son corps, à utiliser une souris ou un clavier, ou à faire des mouvements précis.
- Crises d’épilepsie : Conditions pouvant provoquer des crises, comme l’épilepsie, ou déclenchées par des lumières clignotantes.
- Cognitif : Conditions qui affectent les capacités cognitives comme la démence et la dyslexie.
Table des matières
Statistiques sur l'accessibilité des sites Web 2022
- Jusqu’à 10 % des personnes aux États-Unis ont des difficultés de lecture, y compris la dyslexie.
- 35 % des entrepreneurs américains sont dyslexiques et 20 % des entrepreneurs britanniques sont dyslexiques.
- 8 % des hommes caucasiens aux États-Unis souffrent d’une forme de daltonisme.
- 0,5 % des femmes américaines sont daltoniennes.
- 7 % des adultes en âge de travailler ont de graves difficultés de dextérité.
- Environ 5 % des personnes aux États-Unis, au Royaume-Uni et au Canada souffrent de problèmes d’audition.
- Environ 4 % des personnes aux États-Unis, au Royaume-Uni et au Canada sont incapables de voir suffisamment bien pour lire.
Comment rendre votre site Web plus accessible
Maintenant que nous savons que l’accessibilité est importante pour tout site web, il est important que vous sachiez comment rendre votre site accessible. L’une des meilleures façons d’améliorer l’accessibilité de votre site Web est de choisir un bon système de gestion de contenu (CMS) comme WordPress. Bien sûr, vous n’êtes pas obligé d’utiliser WordPress pour y parvenir, mais vous verrez peut-être une référence à WordPress au fil de ce guide d’accessibilité.
1. Rendez votre site Web accessible au clavier
Un site Web convivial signifie que vous pouvez y accéder et naviguer sur le site et ses pages sans utiliser de souris. Le moyen le plus courant de naviguer sur un site web sans souris est d’utiliser la touche Tab du clavier.
Les principales fonctionnalités telles que les pages, les liens et le contenu doivent être accessibles au moyen d’un clavier. Lors de la conception de votre site Web, vous devez vérifier que toutes vos fonctions sont accessibles à l’aide de la touche de tabulation . Le meilleur moyen d’y parvenir est de tester votre site web sans l’aide d’une souris. Si vous ne pouvez pas accéder à certaines parties essentielles de votre site Web, il faut y remédier.
Comme vous pouvez le voir sur le site Web de WebHostingProf, vous pouvez simplement parcourir les liens et les formulaires du site avec votre clavier. Best Web Hosting est mis en évidence par une ligne pointillée verte qui indique que ce lien a été sélectionné à l’aide de la touche Tab.
2. Ajouter le texte Alt aux images
Lorsque vous ajoutez une image à votre site web, vous pouvez inclure un élément appelé texte alternatif (Alt Text ). Le texte alt décrit ce qu’est une image et est utile si une image ne se charge pas.
Texte alternatif est également utilisé lorsqu’il est consulté par des lecteurs d’écran ; cette technologie lit l’image et offre un contexte à une image pour ceux qui ne peuvent pas la voir. En plus d’offrir une meilleure accessibilité,
Le texte Alt
peut contribuer à améliorer le référencement de votre site web car il fournit le contexte d’une image aux moteurs de recherche.
3. Choisir les bonnes couleurs
Le daltonisme n’est pas aussi simple que de voir une couleur comme une autre. Les personnes daltoniennes voient tout un spectre de couleurs et les perçoivent différemment d’une autre personne daltonienne. Un site Web doit offrir le bon contraste de couleurs afin que chacun puisse distinguer les différentes couleurs et le contenu de vos pages.
Tu te souviens de La Robe? C’était un excellent exemple de la façon dont les gens voient les couleurs différemment. Certaines personnes ont vu la robe comme étant bleue, tandis que d’autres l’ont vue comme étant dorée. Chaque individu voit les couleurs différemment, il est donc essentiel que votre site Web utilise le bon schéma de couleurs pour éviter que certaines personnes ne puissent pas voir votre contenu.
Si vous n’êtes pas sûr de savoir comment utiliser les bonnes combinaisons de couleurs, il existe de nombreux outils utiles que vous pouvez utiliser, comme Contrast Checker ou WebAIM.
4. Utiliser les en-têtes
Afin de structurer votre contenu de manière accessible, vous devez utiliser vos en-têtes avec soin. Dans WordPress, vous pouvez facilement sélectionner du contenu ou des titres et attribuer des en-têtes H1, H2, H3, H4, H5 et H6.
Des en-têtes clairs aident non seulement tous les visiteurs de votre site à comprendre la structure de votre contenu, mais les lecteurs d’écran peuvent également interpréter vos pages beaucoup plus facilement.
Vous ne devez utiliser qu’un seul en-tête H1 par page, qui correspond généralement au titre de la page. Les sous-titres peuvent commencer par H2 et se poursuivre par H3, H4, etc. le cas échéant. Vous devez suivre la structure de l’en-tête dans l’ordre. Ainsi, un H3 doit toujours suivre un H2, plutôt qu’un H4, et ainsi de suite.
5. Conception des formulaires
Si votre site Web contient des formulaires, ils doivent être conçus avec soin. Chaque formulaire doit être clairement étiqueté à côté de ses champs respectifs. Un lecteur d’écran sera alors en mesure d’interpréter clairement le formulaire et les champs correspondants, ce qui facilitera son remplissage.
Si votre formulaire nécessite des instructions, celles-ci doivent être claires et faciles à comprendre. Pour les utilisateurs qui créent leur site web sous WordPress, vous pouvez créer des formulaires accessibles à l’aide d’une appelé Caldera Forms Builder. Ce plugin se concentre sur l’accessibilité.
6. Tableaux
Les tableaux sont très utiles pour afficher de grandes quantités de données. Les personnes utilisant des technologies d’assistance bénéficieront des tables si elles sont utilisées correctement. Il est important de rendre vos tableaux aussi simples que possible afin de ne pas compliquer leur objectif ou de ne pas perturber les lecteurs d’écran.
Si votre site Web nécessite des tableaux plus complexes, vous pouvez suivre le tutoriel du W3 sur la manière de coder un tableau conformément aux normes d’accessibilité.
7. Texte évolutif
La plupart des appareils que vous pouvez utiliser pour visiter un site Web, comme un smartphone, un PC ou une tablette, vous permettront de redimensionner le texte. Pour les personnes souffrant de déficiences visuelles, cela est extrêmement utile. Toutefois, si votre site Web n’est pas conçu pour prendre en charge cette fonctionnalité, il sera difficile pour les utilisateurs d’interagir avec votre site.
Lorsque vous construisez votre site Web, vous devez vous assurer que l’évolutivité des utilisateurs est activée. Si elle est désactivée, il sera presque impossible pour les utilisateurs de redimensionner le texte.
En évitant les unités absolues comme les tailles de texte définies, vous pouvez rendre votre site web évolutif. Vous pouvez le tester vous-même en zoomant sur le site dans votre navigateur pour vérifier que le contenu est facile à lire et à naviguer. WebAIM a créé un guide très utile pour discuter de la taille de la police pour votre site Web.
8. Contenu accessible
Le contenu de votre site web est l’élément central de votre site. Lorsque vous créez votre contenu, vous devez avoir l’accessibilité à l’esprit à tout moment. Par exemple, si vous écrivez un acronyme comme WWW, expliquez ce qu’est réellement cet acronyme – World Wide Web.
Le texte d’ancrage des liens internes ou externes doit être descriptif, en veillant à ce que toutes les descriptions soient uniques. Si vous avez du mal à comprendre ce concept, imaginez un ordinateur qui lit le contenu de votre site Web et demandez-vous s’il a un sens pour une personne qui le prendrait à la base.
9. Médias automatiques
Bien qu’il s’agisse d’une frustration personnelle, c’est également très mauvais en termes d’accessibilité. Il n’y a rien de plus frustrant qu’une vidéo ou une musique qui commence à jouer dès que vous chargez un site web.
Si une personne utilise un lecteur d’écran, il est extrêmement difficile de désactiver la lecture automatique des médias. Les personnes souffrant de troubles sensoriels pourraient être découragées ou même effrayées par le bruit soudain. Si vous souhaitez inclure des médias, vous devez demander la permission ou avertir l’utilisateur que cela va se produire.
Les carrousels et les curseurs donnent incontestablement un bel aspect à un site Web, mais ils peuvent également être source de frustration pour les utilisateurs ayant des problèmes d’accessibilité. Si un lecteur d’écran lit le contenu d’un curseur et que celui-ci passe à la diapositive suivante, l’utilisateur n’a pas beaucoup de temps pour absorber le contenu.
L'accessibilité des sites Web est importante
En résumé, l’accessibilité du Web est importante pour la réussite d’un site Web et pour que celui-ci réponde aux besoins de chacun. La création d’un site web que de nombreuses personnes peuvent utiliser n’est pas seulement bénéfique pour elles, elle peut aussi jouer en votre faveur en termes de référencement.
Lorsque votre site Web est mieux classé, vous obtenez plus de trafic et une augmentation des conversions. Oui, il peut être frustrant de devoir corriger ses erreurs, mais si vous parvenez à optimiser votre site Web pour l’accessibilité, vous en récolterez les fruits.