Dès les premiers jours de l'internet, les images ont joué un rôle majeur dans la manière dont nous découvrons les sites web. Pour les personnes malvoyantes, il existe un substitut sous la forme d'un texte alternatif (alt-text). L'attribut alt est un moyen de transmettre les informations et le contexte d'une image donnée. Rédiger un texte alternatif accessible n'est pas si facile pour les utilisateurs voyants. Ils ont tendance à faire ce qui est évident et à décrire l'aspect de l'image.
Alors, à quoi ressemble un bon texte alt ? Avant de poursuivre, je tiens à souligner la différence entre un attribut ALT vide et un attribut ALT absent.
Dans certaines situations, un attribut alt vide est parfaitement acceptable. C'est le cas, par exemple, lorsqu'une image ne fait pas partie d'un lien ou qu'elle est essentiellement décorative. Les images dépourvues d'attribut alt ne sont jamais acceptables. Pour l'instant, gardez à l'esprit que chaque image doit avoir un attribut alt, même s'il est vide.
Que se passe-t-il lorsque la balise alt est vide ? Selon le logiciel, certains annoncent "vide", ce qui n'est pas très utile pour les utilisateurs. D'autres lisent le nom de fichier de l'image. Imaginez une image nommée "img_215465465.jpg". Imaginez maintenant qu'un lecteur d'écran lise cela à haute voix. Ce n'est pas terrible, n'est-ce pas ?
Voici quelques conseils pour vous aider à rédiger un texte alt accessible.
- Les bons alt-texts sont toujours contextuels. Le contexte fournit d'autres informations que la description de l'aspect de l'image. Il contribue à la compréhension du contenu et de ce qu'il représente.
- Si l'image est purement décorative, donnez-lui un texte alt nul.
- Soyez précis et succinct. Il n'est pas nécessaire d'écrire un court roman. Quelques phrases présentant la fonction ou le contenu de l'image suffisent.
- N'utilisez pas d'expressions telles que "le graphique est" ou "une image de". Il est déjà clair pour l'utilisateur qu'une image est présente.
- Évitez la redondance. Ne répétez pas mot pour mot les mêmes informations dans le texte qui entoure l'image.
- Si l'image contient un texte qui aide à la compréhension du lecteur, elle doit contenir une balise alt avec un texte descriptif.
Il peut être difficile d'ajouter un texte alt de qualité lorsque l'on ne comprend pas son public. Mais avec de la pratique et en suivant ces conseils, nous pouvons rendre le contenu web plus accessible.
