Illustration d'une pile de photos avec, à côté, une zone de texte représentant un texte alternatif.

L'importance d'un texte alternatif bien rédigé pour les images

Posté par : GrackleDocs le 27 avril 2023

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.

Retour en haut de la page

Vous pouvez également être intéressé par :

  • Honte à vous, Gouverneur DeSantis

    Posted in Accessibilité numérique, Sensibilisation au handicap on mai 16, 2023

    Hier, le gouverneur de Floride Ron DeSantis (R) a signé un projet de loi qui interdirait aux collèges et universités de Floride de dépenser de l'argent pour des programmes de diversité, d'équité et d'inclusion (DE&I) tout en limitant la façon dont la race...

    Lire la suiteIllustration représentant la balance de la justice et l'État de Floride.
  • Rendre les documents accessibles : Un guide simple

    Publié dans Document Accessibility le 15 août 2023

    L'accessibilité est une considération cruciale dans notre monde de plus en plus connecté. Qu'il s'agisse d'un livre électronique, d'un rapport d'entreprise ou d'une page web, il faut s'assurer que le plus grand nombre...

    Lire la suiteGrackleDocs
  • Prix Tech4Good

    Posted in News on juin 24, 2021

    Nous sommes ravis d'annoncer que Grackle est finaliste des Tech4Good Awards. Pour en savoir plus, cliquez ici : Annonce des prix Tech4Good

    Lire la suiteGrackle est finaliste du prix de l'accessibilité