Nous vous proposons ici une traduction de l’article de Robert Nyman, sur la mauvaise utilisation de l’attribut html ALT.

Pour les amoureux de la langue de Shakespeare, l’article original est ici.

Les dégâts d’Internet Explorer sur le web mondial

Internet Explorer ou IE pour les intimes, dès sa version 7, affichait le contenu de l’attribut ALT à la manière d’une infobulle ou « tooltip » quand vous survoliez les images. Cela impliqua, pour de nombreux webmasters / intégrateurs / développeurs, la prise en compte de cet attribut comme un moyen simple d’afficher une infobulle au survol, et cela s’est répandu sur les clients / managers qui considérent encore pour la plupart que cette méthode est efficace. Pourtant, ce n’est pas la définition de l’attribut ALT qui est réservé à accueillir une description alternative des contenus illustrés, ce n’est pas STANDARD.

Il existe encore des centaines de milliers de pages web basées sur l’utilisation de l’attribut ALT en tant qu’infobulle. Cela fonctionnera uniquement dans Internet Explorer, pas dans Safari / Firefox / Opera ou n’importe quel autre navigateur.

L’attribut ALT tel qu’il devrait être utilisé

Commençons par lire les préconisations du W3C :

Pour les éléments non-textuels (IMG, AREA, APPLET et INPUT), les auteurs doivent spécifier des descriptions textuelles alternatives pour informer du contenu quand l’élément ne peut pas être consulté normalement.

Le nom de cet attribut, ALT, est l’abbréviation de ALTERNATIF. Cela signifie que cette information sera affichée si l’image échoue au chargement, ou si l’internaute utilise un navigateur textuel ou encore une synthèse vocale (non-voyants, personnes agées, personnes ne disposant pas de la connexion nécessaire à l’affichage de l’image…)

Le vrai attribut d’infobulle : TITLE

Pour afficher une infobulle, un tooltip, quand c’est nécessaire, utilisez l’attribut TITLE. Cela fonctionne pour tous les éléments de votre page web, pas seulement pour les images.

Microsoft à finalement reculé

Avec Internet Explorer 8, Microsoft à finalement reculé, considérant que c’était en réalité un bug et qu’il était désormais réparé. Donc, si votre site utilise encore l’attribut ALT en tant qu’infobulle, remettez vous en question. De plus, IE8 n’affiche plus ces descriptions alternatives en tant que tooltip.

Pensez à l’accessibilité. Nettoyez votre code. Mettez vous aux normes !