5.2.2. Renseigner l'attribut alt sur les images informatives

Parfois, l’image véhicule des informations riches qu’il n’est pas possible de retranscrire sous forme de texte brut, via le simple attribut alt (schémas, graphiques complexes, etc.).

Dans cette situation, une bonne pratique d’accessibilité consiste à :

• Renseigner un court texte de remplacement dans l’attribut alt qui décrit globalement la fonction de l’image.
• Prévoir une zone de contenu dans laquelle proposer une description détaillée de l’image. De préférence, soit directement sous l’image, soit par l’intermédiaire d’un lien vers une autre page. Dans le cas de graphiques ou schémas complexes, la description détaillée la plus adaptée est souvent un tableau de données ou une liste.
• Indiquer dans le texte de remplacement de l’image le moyen d’accéder à la description plus détaillée.

Par exemple, dans le cas d’une carte du monde qui expose les différents pays dans lesquels une marque est présente :

<img src="images/carte-implantations.png" alt="La liste des pays dans lesquels la marque Spartacus est présente sur le globe (description détaillée disponible via le lien ci-après)" />
 
<a href="/zones-d-implantations/">Voir la liste des pays dans lesquels la marque Spartacus est présente</a>

À noter que l’attribut longdesc est parfois recommandé pour fournir un lien vers la description détaillée d’une image. Cependant, l’utilisation de cet attribut ne garantit pas l’accès à l’information pour tous, contrairement à l’ajout d’un lien en dur dans la page. L’emploi de la technique proposée ci-dessus est donc à privilégier.