En règle générale chaque image significative doit être dotée d'un texte alternatif expressif et éventuellement d'une longue description.

• L'attribut alt (texte alternatif) pour la balise img

• L'attribut longdesc (description longue) pour la balise img

L'attribut alt (texte alternatif) pour la balise img

Mentionner l'attribut alt de la balise img est un très bon investissement, tous le monde s'en profite : les navigateurs visuels l'affichent en cas de non visualisation de l'image, les navigateurs à synthèse vocale le prononcent, les navigateurs texte-seul l'affichent, les moteurs de recherche l'indexent et j'en passe.

Il faut pourvoir toutes les images par un texte alternatif, pour qu'il soit repris par les agents utilisateurs qui n'affichent pas les graphiques comme les navigateurs texte-seul (Lynx) ou les lecteurs d'écran (Jaws). Les balises concernées sont :

• la balise d'image <img /> ;
• les images insérées par la balise input : <input type="img" /> ;
• les zones réactives des cartes cliquables : <area /> qui sert à découper une image en plusieurs sous-images cliquables.

Vous devez mentionnez le texte alternatif (description valide avec l'attribut alt) qui sera repris et restitué par les navigateurs qui ne supportent pas les graphiques. Si vous ne mentionner pas un texte alternatif avec l'attribut "alt", vous serez victime des deux comportements suivants :

• un navigateur texte-seul tel que Lynx affiche le nom de l'image si aucun texte alternatif n'est présent. Exemple avec Lynx :
  [accueil.png], mais si vous mettez comme texte alternatif "retour en page d'accueil" il sera affiché au lieu du nom de l'image ce qui pourra réconforter d'avantage la navigation.
• les navigateurs vocaux (lecteurs d'écran) tel que Jaws se comportent de la même manière, si vous ne mentionner pas de texte alternatif, le nom de l'image sera lu lettre par lettre. Exemple avec Jaws :
  accueil point png (les signes de ponctuation sont aussi concernés). Imaginez vous à combien ça va perturber les gens mal-voyants, essayez seulement de vous mettre à leur place.

L'attribut longdesc (description longue) pour la balise img

Parfois une image (diagramme, tableau, schéma graphique, histogramme, catalogue en ligne etc.) nécessite une longue description (description longue valide avec l'attribut longdesc), qui ne pourra pas être supportée par l'attribut alt, qui normalement ne doit pas dépasser 10 mots, dans ce cas on doit envisager l'attribut longdesc qui va pourvoir l'image d'une description complète. Cet attribut doit aussi être exploité à l'instar de son homologue alt par les navigateurs qui n'affichent pas les graphiques, et aussi par les navigateurs visuels (signaler la disponibilité d'une description longue de l'image d'une manière ou d'une autre ).

Malheureusement les navigateurs qui supportent l'attribut longdesc se comptent sur les bouts des doigts, pour remédier à cela on a pris l'habitude de mentionner un lien dont l'étiquette est la lettre D (description) en majuscule à côté de l'image qui pointe vers une autre ressource traitant le contenu de l'image à fond. Exemple :

<img src="catalogue.png" alt="catalogue" longdesc="catalogue.html">
<a href="catalogue.html">D</a>

Reste à savoir les critères que doivent remplir les deux attributs alt et longdesc, pour bien remplir leur rôle : texte alternatif valide avec l'attribut alt, et description longue valide avec l'attribut longdesc.