Attributs alt et title en HTML

Pas plus tard qu’aujourd’hui, on m’a encore laché : « Ah oui,
title c’est l’attribut qu’il faut mettre sur les images pour avoir un tooltip
parce que alt, ça marche pas sur Firefox ! »

C’est une discussion qui a déjà eu lieu 100 fois sur le Web, mais autant le
répéter une 101ème fois : Firefox fonctionne très bien (en fait). Voici
l’explication…

alt est un attribut que l’on place sur une image (tag img, mais aussi
area) et qui permet de spécifier un contenu textuel
alternatif (d’où le nom) au cas où, par une raison ou un autre, l’image ne
s’afficherait pas.

title est un attribut applicable sur quasiment tous les tags HTML et qui sert
à donner une indication, une information complémentaire par
rapport à un contenu, quel qu’il soit. Dans les navigateurs visuels, cela se
présente sous la forme d’un tooltip qui apparait au passage de la souris sur
l’élément et qui disparait après quelques secondes.

Par exemple :
ce texte est
muni d’un title

Le truc emmerdant, c’est qu’Internet Explorer se comporte de la même façon
pour l’attribut alt des images. On s’est vite habitué à cet état de fait et
ça semble normal qu’il en soit ainsi. Malheureusement et comme souvent, je le
regrette, IE est encore à côté de la plaque. Il ne respecte
par les recommandations du W3C en transformant l’attribut alt sur les images
en tooltip. En effet, afficher l’image en même temps que son contenu de
remplacement n’est pas du tout pertinent. Si on a l’un, pas besoin de l’autre.
Dans un match de foot, on ne fait pas jouer les titulaires et les remplaçants
en même temps !

Cet
article explique très bien la problématique et la confusion, donc je ne
vais pas tout réexpliquer, retenez juste qu’alt et title n’ont pas le même
but et la même utilité et que l’utilité en question ne consiste pas uniquement
à afficher des tooltips !