Comment rendre son contenu accessible sur le web ?
En France, 7 millions de personnes vivent avec un handicap. Pourtant, se balader sur le web reste un parcours semé d’embûches pour beaucoup d’entre elles. Selon une étude menée en 2023 par la Contentsquare Foundation (source : Baromètre de l’accessibilité numérique 2023) , un site web sur deux n’est toujours pas accessible . Heureusement, quelques bonnes pratiques suffisent à faire une grande différence.
Découvrez dans cet article trois actions simples à réaliser en accessibilité numérique inspirées de la RGAA et d’AcceDe Web pour rendre vos contenus à la portée de tous.
1. Optimiser le titre de la page
Le titre d’une page web, visible dans l’onglet du navigateur, résume le contenu de la page. Mais surtout, il fournit aux utilisateurs.rice.s de lecteurs d’écran un aperçu rapide de la page sans qu’ils aient à la parcourir.
Alors en termes d’accessibilité, ce titre doit être à la fois court et précis (entre 50 et 60 caractères). C’est simple, il doit pouvoir immédiatement répondre à la question : « De quoi parle cette page ? »
2. Mettre un texte alternatif à vos images
Lorsque des images sont présentes sur un site web, les utilisateurs.rice.s aveugles ou malvoyants s’appuient sur des lecteurs d’écran pour les interpréter. Ces outils lisent le texte alternatif associé à l’image pour décrire son contenu.
Comment les renseigner ?
- Sur les CMS, vous retrouverez systématiquement un champ pour mettre du texte alternatif lorsque vous chargez une image.
- En HTML, le texte alternatif sera défini à l’aide de l’attribut alt au sein de la balise <img>. Par exemple : <img src= »chaton.jpg » alt= »Un chaton qui dort »>
Pour la remplir, expliquez brièvement ce que montre l’image, sans entrer dans les détails inutiles. Évitez par exemple de commencer par « Image de…» car les outils d’assistance savent qu’il s’agit d’une image.
Faut-il toujours renseigner un texte alternatif ?
Il faut toujours le renseigner quand l’image a un rôle dans la compréhension du contenu. Il n’est pas utile quand l’image est esthétique et n’apporte aucune information.
3. Donner un intitulé clair à votre liens
Les lecteurs d’écran lisent aussi les liens ! Chacun de vos liens doit être explicite de son contenu. Comme l’énonce la RGAA, « l’intitulé de lien seul doit permettre d’en comprendre la fonction et la destination ». Concrètement, le texte du lien doit expliquer où il mène. Bannissez les intitulés vagues comme « Cliquez ici » et privilégiez des formulations explicites, telles que « Télécharger le guide en PDF ».
Ces pratiques simples à appliquer font une réelle différence pour les personnes en situation de handicap naviguant sur le web. Alors, pourquoi ne pas commencer à les appliquer dès aujourd’hui ?
Pour aller plus loin autour de l’accessibilité dans le web :
- Parcourez notre article regroupant 5 erreurs à éviter en accessibilité sur le web.
- Découvrez dans notre autre article comment allier accessibilité et esthétique sur l’UX Design.
