Google XXL: Balises Alt et Title avec les images
Google XXL

Balises Alt et Title avec les images

Emploi des balises Alt et Title dans les images

De l'emploi des balises Alt et Title quand on insère une image


Digital Inspiration a publié un article intéressant sur l'utilisation des balises Alt et Title dans les images.
La question à laquelle il répond est de savoir quand est-ce que vous devez utiliser la balise Alt, Title (ou les deux) quand vous insérez une image. La réponse est très simple :
La balise Alt doit être utilisée pour décrire une image.
La balise Title doit être employée quand l'image sert de lien hypertexte vers une page définie. L'attribut Title contiendra alors la description de ce qui va se passer quand vous cliquerez sur l'image. Par exemple, si un clic sur l'image la rend plus large, la balise Title présentera ce contenu : "Afficher la version large de l'image sur la migration des pingouins".
La balise Alt doit toujours être présente… Voici deux exemples :

<div> <img src="pingouins.png" alt="La migration des pingouins" width="400" height="200" />La migration des pingouins est mon sujet de thèse.</div>

<div> <a href=http://monsite.fr/migration-pingouins> <img src="pingouins.png" alt="La migration des pingouins" title="Obtenir plus d'informations sur la migration des pingouins" width="400" height="200" /></a>La migration des pingouins est mon sujet de thèse.</div>

Un commentateur me fait remarquer que l'exemple précédent est incorrect : si la balise Alt sert au référencement des images, la balise Title permet de définir un lien. Auquel cas (et si j'ai bien tout compris), la syntaxe à employer doit être celle-ci :

<div> <a href="http://monsite.fr/migration-pingouins" title="Obtenir plus d'informations sur la migration des pingouins"><img src="image.png" width="400" height="200" alt="La migration des pingouins" /></a>La migration des pingouins est mon sujet de thèse.</div>

4 commentaires:

  TOMHTML

18 novembre 2008 à 23:45

Digital Inspiration n'écrit pas que des trucs 100% vrais ;) Preuve en est, l'attribut title dans le cas que tu décris ne se place pas sur l'image mais sur le lien.

  Jean-Noël Anderruthy

19 novembre 2008 à 00:20

C'est le sujet d'un commentaire laissé sur ce même article. Et je le trouve juste dans le sens que la balise Title avec les images et en terme de référencement m'a toujours paru ne servir à rien (du moins en ce qui concerne Google Images). Du coup, je pense que le principe exposé dans le billet mérite un examen un peu plus approfondi...

  Anonyme

13 septembre 2010 à 13:37

alt et title sont requis parce le w3c validator. d'ailleurs ie ne prends en compte que alt alors que ff tiens compte des deux, donc aucun intérêt de s'en passer.

pour les handicapés et le référencement, seul le nom de l'image est prise en compte, google s'en contrefout des balises alt/title et à moins d'avoir un lecteur à voie haute, l'aveugle ne sera pas en mesure de décripter une image (quel intérêt s'il ne voit rien) ?

J-B

  Jean-Noël Anderruthy

14 septembre 2010 à 13:00

Oui mais la balise Alt sert au référencement. Mais, certes, l'environnement contextuel joue un rôle prépondérant.