8 Sept. 2023 · 4 min de Lecture
Comment rendre mon site internet accessible aux personnes aveugles et malvoyantes ?
Vous êtes engagés dans une démarche d'accessibilité et d'inclusion ? C'est un sujet particulièrement crucial à l'ère numérique actuelle, car l'accès à l'information en ligne est devenu incontournable. Cependant, il est regrettable de constater que de nombreuses personnes, notamment celles avec une déficience visuelle, malvoyantes ou aveugles, ainsi que celles ayant des déficiences cognitives, se retrouvent souvent exclues de l'expérience en ligne. Si vous souhaitez promouvoir l'autonomie et l'inclusion de ces publics, vous voilà tombé sur le bon article.
Voici tous nos conseils pour rendre vos sites internet accessibles aux personnes déficientes visuelles :
Les textes alternatifs
Un texte alternatif est une description textuelle courte associée à une image, illustration ou tout autre élément visuel dans un document, un site internet, une application etc.
Il est très facile d’intégrer un texte alternatif lors de la création de vos contenus un onglet accessibilité ou ALT est souvent proposé.
Ceci permettra aux personnes déficientes visuelles de participer pleinement à vos échanges et communications.
Naviguer sur un site Internet peut s'avérer particulièrement difficile pour les personnes ayant des déficiences visuelles.
C'est pourquoi, lors de la conception de votre site, il est essentiel de mettre en place une structure hiérarchique du contenu, avec des titres et des sous-titres bien définis.
Cette approche permettra d’améliorer considérablement la navigation pour ces utilisateurs en leur offrant un repère solide pour accéder rapidement aux informations.
Dans le code de votre site internet, les balises HTML sémantiques vous permettront de rendre votre contenu compréhensible et accessible. Ces balises portent des significations spécifiques et décrivent le contenu qu’elles contiennent. Ceci a un double-enjeux : aider les navigateurs de recherches à interpréter correctement le contenu mais également l’interprétation des lecteurs d’écrans (utilisés par les personnes aveugles ou malvoyantes).Vous pouvez notamment retrouver les balises suivantes :
• <header>: Cette balise est utilisée pour définir l'en-tête d'une page ou d'une section. Elle contient généralement le titre principal de la page ou de la section, le logo du site, les menus de navigation, etc.
• <nav> : Utilisée pour définir une section de navigation, souvent sous forme de menu, permettant aux utilisateurs de se déplacer rapidement vers différentes parties du site.
• <main> : Indique la section principale du contenu d'une page web. Il ne devrait y avoir qu'un seul élément <main> par page.
• <footer>: Utilisée pour l'en-tête ou le pied de page d'une page web, où vous pouvez placer des informations comme les coordonnées, les liens vers les médias sociaux, les mentions légales, etc.
Les balises permettent donc aux lecteurs d’écran de comprendre la structure mais également la signification du contenu. Par exemple, lorsqu'un lecteur d'écran rencontre la balise <nav>, il informe l'utilisateur qu'il s'agit d'une section de navigation, ce qui facilite la navigation sur le site.
De même, lorsque l'utilisateur atteint la balise <header>, il sait qu'il se trouve dans l'en-tête de la page. Si vous voulez en savoir d'avantage, nous vous invitons à jeter un œil aux sites suivants : ReferenSEO et Pierre Giraud.
Contrastes de couleurs élevées
Pour garantir une lisibilité optimale, assurez-vous que le texte a un contraste élevé par rapport à l’arrière plan. Par exemple : une écriture blanche sur un fond bleu peut très bien marcher.
Pour que les couleurs soient adaptées aux personnes déficientes visuelles il est recommandé de respecter les directives de contrastes définies par les Web Content Accessibilité Guidelines (un ensemble de normes internationales pour rendre le contenu web accessible).
Il est recommandé d’avoir un contraste pour le texte normal (corps de texte) d’au moins 4,5:1 par rapport à la couleur du fond. Vous pouvez tester les contrastes sur les sites suivants :
Pour les titres qui sont généralement écrit avec une police plus grande le ratio de contraste est recommandé d’au moins 3:1 par rapport à la couleur de fond.
Il n’y a pas d’indications de contrastes pour les icônes ou les boutons mais nous vous recommandons de suivre le contraste pour les corps de textes, et s’assurer que ces éléments sont facilement distinguables du reste de la page.
Des typographies adaptées
L’utilisation de typographies appropriées joue un rôle essentiel dans l’amélioration de l’accessibilité de votre site internet. Il est recommandé d’éviter l’usage de caractères avec empattement comme « Times New Roman ».
En ce qui concerne la taille des caractères, il est conseillé de choisir un minimum de 16 à 18 points. Cela garantit une meilleure lisibilité pour tous les visiteurs, y compris ceux ayant des besoins spécifiques en matière d'accessibilité visuelle.
Réaliser des tests
Cette étape est essentielle : il est important de se mettre à la place d'une personne ayant une déficience visuelle et d'expérimenter l'ouverture de votre site dans ses conditions.
Parfois, des détails auxquels nous ne pensons pas peuvent rendre l'accès à l'information très difficile !
Mises à jours constantes
Dans la continuité du point précédent, il est nécessaire de proposer des mises à jour régulières afin de garantir que votre site Internet reste conforme aux normes et qu'il reste compatible avec les nouveaux outils d'accessibilité qui émergent.
En conclusion, l'accessibilité numérique est une étape cruciale pour inclure tout le monde dans ces communications. En rendant vos sites internet accessibles aux personnes déficientes visuelles, vous favorisez l'autonomie de ces individus, ainsi que l'égalité des opportunités.
En suivant ces conseils simples mais importants, vous contribuez à construire un web plus accessible et accueillant pour tous, tout en faisant la promotion de l'accessibilité des malvoyantes et aveugles, pour leur autonomie.
Si de façon générale vous souhaitez améliorer l'accessibilité de votre entreprise aux personnes déficientes visuelles, voici un article regroupant des outils qui peuvent les aider : https://www.oorion.fr/post/5-applications-pour-malvoyants