Accessibilité des images

Informations sur l'image

  • Légende : décrit le contenu de l'image. Elle s'affiche juste sous l'image.
  • Titre : donne une information supplémentaire sur l'image, par exemple son auteur. Il s'affiche dans l'info-bulle lorsque l'internaute pose la souris sur l'image. Il est utilisé par les moteurs de recherche d'images sur Internet.
  • Texte de remplacement : décrit l'objet et l'action qui serait déclenchée si on cliquait sur l'image. Il s'appelle aussi "texte alternatif". Il s'affiche si l'internaute utilise un navigateur qui n'affiche pas les images.
  • Description : décrit une image complexe. Il est utilisé si le texte de remplacement dépasse 60 caractères. Il s'affiche si l'internaute non-voyant utilise un moyen auxiliaire tel qu'un logiciel de lecture d'écran.

L'essentiel

  • Donner une légende et/ou un titre ainsi qu'un texte de remplacement aux images.
    Légende, titre et texte de remplacement doivent être choisis en fonction du contexte
    Le texte de remplacement ne doit pas dépasser 60 caractères, sinon il faut utiliser la balise commentaire (longdesc)
  • Préférer un texte à une image de texte
  • Donner une taille appropriée à l'élément graphique

Si l'image est cliquable

  • Donner la fonction du lien dans le texte de remplacement

Si l'image est complexe

  • Utiliser un commentaire pour décrire le contenu de l'image.
    S'assurer que le commentaire est pertinent
    Insérer éventuellement un lien sous l'image qui conduise l'internaute vers une page qui décrive le contenu de l'image.
 

Nota Bene

Si l'image est décorative:
il est inutile d'insérer un texte de remplacement