La description alternative est une méthode essentielle pour rendre les images accessibles aux personnes non voyantes ou ayant des déficiences visuelles. Elle se présente sous deux formes : un texte alternatif bref (attribut ALT) et des descriptions longues pour les images complexes.

Texte alternatif (ALT) pour les images

Le texte alternatif permet aux utilisateurs de technologies d'assistance, comme les lecteurs d'écran, de comprendre le contenu visuel d'une image. Il est verbalisé par le lecteur d'écran pour l'utilisateur.

Exemple :

<img src="../images/laval_festival.png" alt="Fête de la famille">

Quand utiliser un texte alternatif ?

Les images décoratives sans information importante ne nécessitent pas de texte alternatif. Inversement, les images fournissant des informations essentielles doivent en avoir.

Exemples de textes alternatifs informatifs

Exemples corrects :

<img src="../images/laval_hero_image.png" alt="Présentation du Conseil municipal de Laval">
<img src="../images/laval_seal.png" alt="Emblème de la ville de Laval">

Exemples à éviter :

<img src="../images/laval_seal.png" alt="image du logo de la ville">
<img src="../images/laval_hero_image.png" alt="laval_hero_image.png">

Images décoratives

Utiliser un attribut ALT vide (alt="") pour les images purement décoratives. Les lecteurs d'écran les ignoreront.

Exemple :

<img src="../images/decorative_image.png" alt="">