Rendez-vous accessibilité - Les images

L'attribut « alt » est une alternative à l’image. Elle permet d’expliquer l’information véhiculée par l’image et est lue ou passée sous silence par les lecteurs vocaux.

Toutes les images doivent avoir un attribut "alt", même si dans certains cas, cet attribut restera vide.

Ce contenu sera également affiché dans le cas où l’image ne s’afficherait pas : problèmes réseaux ou pour certains types de handicap nécessitant la désactivation des images.

Image illustrative

Une image illustrative est une image qui n’apporte aucune information.

Si elle est supprimée, le texte alentour reste compréhensible, l’internaute ne manquera aucune information.

Dans ce cas précis, l'attribut "alt" doit être vide.

 

Dans cette page, l’image illustre le texte décrit, mais n’apporte aucune information supplémentaire. L’alternative doit donc être vide : http://www.renow.public.lu/fr/techniques-ux/tri-de-cartes/index.html

Astuce sous NPS 6

Vous devrez utiliser le type : « image layout », les champs « alternative » et « title » devront être vides.

Image apportant une information

  • Une image sur laquelle il y a un lien apporte obligatoirement une information.
  • Une image contenant du texte apporte une information dans la majorité des cas.
  • Une image permettant d’identifier un lieu, une personne connue ou une situation apporte également une information qu’il faudra expliciter dans l’alternative de l’image si elle n’est pas présente dans le texte autour.

Dans ce cas, l’alternative doit fournir les informations contenues de manière concise et significative.

Dans l’exemple suivant, la couverture du document est un lien. Une alternative doit être renseignée, en reprenant, par exemple, le titre du document.

http://www.renow.public.lu/fr/guides-medias-sociaux/index.html

 

Si vous voulez en savoir plus sur l'accessibilité des images, n'hésitez pas à nous contacter.

Pour notre prochain rendez-vous, nous vous proposerons un article pour expliquer comment réaliser un tableau accessible.

 

Dernière mise à jour