[Résolu] Attributs "alt" et "title"

Bonjour à tous,

Quelles sont les différences entre les attributs "alt" et "title" ?

Pour moi, le "alt" sert de texte de remplacement sur une image, si je ne me trompe pas.
Le "title" a quelle différence ?

Voici qq exemples de mes codes

<div id="element3"><a href="#"><img src="images/fleur-de-cristal-fp-pic.jpg" alt="Pic à cheveux Fleur de cristal" width="90" height="90" title="Pics à cheveux Fleur de cristal"/><span>Pics à cheveux</span></a></div>

=> ici, j'ai mis les "alt" et "title" identiques. Faut-il garder le "title" dans ce cas ?

<li><a id="menua" title="Toute la collection" href="collections-page1.htm">TOUTE LA COLLECTION</a></li>

=> ici, je n'ai mis que un "title" sans "alt" puisqu'il ne s'agit pas d'une image...

Qu'en pensez-vous ?

Merci
Modifié par pp51 (21 Jul 2006 - 13:11)

Hello,

Le texte alternatif (alt) est le descriptif textuel appliqué uniquement aux images et nécessaire aux visiteurs non-voyants par exemple. Il apparait lorsque l'image n'est pas présente.

"alt" est obligatoire sur les balises <img /> et <area /> dans tous les doctypes (HTML et XHTML, strict, transitionnel ou frameset) et ne devrait pas s'appliquer à d'autres éléments.

L'infobulle (title) est le petit cadre (jaune par défaut) qui s'affiche au survol d'un élément. Ce cadre contient en général des informations supplémentaires à propos de cet élément.

La confusion provient généralement d'un bug de comportement de IE : celui-ci crée également une infobulle avec l'attribut "alt", alors que cela n'a pas lieu d'être.

http://forum.alsacreations.com/faq/#item11



Modifié par Raphael (21 Jul 2006 - 12:18)

Merci Raphael,

Tout d'abord désolé, je n'avais pas vu la faq qui traite de ce sujet

Bon donc j'ai compris pour le "alt", à placer dès qu'il y a une image (logo, photo d'un produit, etc...)

Par contre pour la balise "title", j'ai une autre question...

Si j'ai

<li><a id="menua" title="Toute la collection" href="collections-page1.htm">TOUTE LA COLLECTION</a></li>

Et que l'intitulé de mon lien est tout à fait clair ("Toute la collection"), est-il nécessaire d'avoir un attribut title "toute la collection" ?

Comme je n'ai rien de spécial à ajouter sur "Toute la collection", cela veut-il dire que je peux me passer de la balise "title" ?

Et si vraiment je veux ajouter qq chose, cela sera t'il du type

<li><a id="menua" title="La collection de bijoux pour les mariées" href="collections-page1.htm">TOUTE LA COLLECTION</a></li>

J'espère que tout cela est compréhensible

title n'est en aucun cas obligatoire. En fait, j'aurais presque envie de dire "en cas de doute, ne vous en servez pas, ce sera moins gênant que de mal s'en servir"

title permet d'apporter une information additionnelle, le problème étant que celle-ci ne sera perceptible dans les navigateurs et outils d'aide actuels que pour une partie des utilisateurs.

donc, prudence: la perte d'information liée à un title est-elle obstructive ?

Merci Laurent,

Donc si je résume, ce n'est pas obligatoire d'avoir une balise "title" si on ne veut pas donner d'autres infos que ce qui figure sur le titre du lien par exemple.

Bon c'est beaucoup plus clair, merci

pp51 a écrit :
Bon c'est beaucoup plus clair, merci

Tout semble indiquer que ce sujet est [Résolu]

Effectivement, résolu.

Parait que les hommes n'arrivent pas à faire 2 choses en même temps...

C'est vrai, d'abord le sandwich et après le résolu

Laurent Denis a écrit :

donc, prudence: la perte d'information liée à un title est-elle obstructive ?

Concernant les titles sur des liens et notamment ceux des menus, il me parait judicieux d'utiliser le plan du site pour mettre les informations supplémentaires que peuvent comporter ces title en dur dans le document. Sans que celà résolve complètement la question de l'accessibilité dans le cadre d'un document donné, c'est quand même un plus en terme de qualité de consultation d'un site.

Une raison de plus d'ailleurs pour appréhender le "plan du site" comme l'outil crucial de la navigation dans un site. Plus donc que le sacro saint "Menu".