Il ne doit pas y avoir beaucoup de sites Web qui ne comportent pas d’images et on peut même dire que les images jouent un rôle clé de communication sur le Web. C’est pourquoi il est particulièrement important de les rendre accessibles. Pour cela, la technique est simple, rapide et à 3 niveaux.

Premier niveau d’accessibilité : la balise « alt »

  • Il suffit de rajouter l’attribut « alt » dans le code XHTML après l’attribut indiquant la source de l’image. Par exemple :
    <img src="mon_image.gif" alt="Le chalet où j'ai passé mes vacances dans le Vercors" />
  • La balise alt doit contenir un court descriptif de ce que représente l’image. Quelqu’un qui ne verrait pas l’image doit comprendre sommairement ce qu’elle représente.
  • Cette balise permet une accessibilité minimale aux personnes handicapées. Les personne non-handicapées mais surfant sans les images auront également un aperçu du contenu de l’image et pourront décider de l’afficher.

Deuxième niveau d’accessibilité : la balise « title »

  • On l’ajoute après la balise « alt » suivant la syntaxe :
    <img src="mon_image.gif" alt="Le chalet où j'ai passé mes vacances dans le Vercors" title="Ce chalet possède 3 pièces principales très agréables et offre une vue imprenable sur de superbes paysages. J'ai passé 1 semaine dans cet endroit et je me suis régalé." />
  • Cette balise vient compléter la balise « alt » en donnant une description plus précise de l’image.

Troisième niveau d’accessibilité : la balise « longdesc »

  • Cette balise permet de donner un descriptif très complet expliquant avec précision ce que montre l’image. Sa syntaxe est :<img src="mon_image.gif" alt="Le chalet où j'ai passé mes vacances dans le Vercors" title="Ce chalet possède 3 pièces principales très agréables et offre une vue imprenable sur de superbes paysages. J'ai passé 1 semaine dans cet endroit et je me suis régalé." longdesc="chalet.htm" />
  • Comme vous le constatez la balise « longdesc » renvoie vers un autre fichier XMTML (chalet.htm contenant la description de l’image. Ce fichier ressemble à n’importe quel autre fichier XHTML et contient une partie « head » et une partie « body », cette dernière comportant le descriptif de l’image.

Tout ce que vous ferez qui favorisera l’accessibilité est un pas dans la bonne direction pour qu’un maximum d’internautes profitent de vos pages. Mais c’est également un pas dans la bonne direction pour une bonne indexation dans les moteurs de recherche.