balises ALT et TITLE

Nouveau WRInaute
Je ne vois vraiment pas la défférence entre les balises ALT et TITLE, à part que la balise TITLE on peut la mettre sur un lien <A HREF="" TITLE="...">...</A>. Pourquoi sur une balise <IMG> on peut mettre ALT et TITLE ? Franchement je comprends plus rien. Pour améliorer le réfenrecement d'un site dois je m'attarder sur les ALT ou les TITLE ou les deux ?
 
WRInaute impliqué
Les deux n'ont pas du tout la même signification, l'attribut (et non pas balise) alt est le texte alternatif de remplacement d'image, alors que l'attribut title est le titre de l'élément, qui permet d'ajouter de l'information.

Exemple sur un bouton envoyer sous forme d'image :

Code:
<img src="chemin image" alt="Envoyer" title="Nous envoyer un commentaire" />
 
WRInaute accro
m2ok a dit:
Pour améliorer le réfenrecement d'un site dois je m'attarder sur les ALT ou les TITLE ou les deux ?

Le ALT en priorité!! le TITLE est un service rendu au visiteur pour faciliter sa navigation, Yahoo! appréciera.
 
WRInaute passionné
DadouDuck a dit:
Code:
<img src="chemin image" alt="Envoyer" title="Nous envoyer un commentaire" />
Je dirais plutôt
Code:
<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" />
;-)
 
WRInaute passionné
Koxin-L a dit:
DadouDuck a dit:
Code:
<img src="chemin image" alt="Envoyer" title="Nous envoyer un commentaire" />
Je dirais plutôt
Code:
<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" />
;-)


<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" longdesc="description-image.html" />

:wink:
 
Nouveau WRInaute
frenchhorn a dit:
<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" longdesc="description-image.html" />
:wink:
A quoi sert l'attribut longdesc ? Et pourquoi lui donne t on une valeur qui fait référence à une page HTML ? Et qu trouve t on dans cette page ?

Pour les autres merci de vos réponses :)
 
WRInaute impliqué
je ne comprends pas les réponses :

l'attibut title est un attribut pour la balise a href qui donne au visiteur un complément d'information sur le lien :

Code:
<a href="page.html" title="cette page est la plus belle du web">page web</a>

l'attribut alt est un attribut pour la balise img qui sert de texte alternatif à l'image pour les navigateurs textes ou/et les malvoyants

Code:
<img src="logo.gif" alt="logo" />


mélangé cela donne cela :

Code:
<a href="page.html" title="ma page est la plus belle du web"><img src="logo.gif" alt="logo de la page la plus belle du monde" /></a>


Pour le référencement l'attribut title n'a aucune utilité, l'attribut alt si !
 
WRInaute passionné
frenchhorn a dit:
Koxin-L a dit:
DadouDuck a dit:
Code:
<img src="chemin image" alt="Envoyer" title="Nous envoyer un commentaire" />
Je dirais plutôt
Code:
<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" />
;-)


<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" longdesc="description-image.html" />

:wink:

Raté, long-desc ne sert uniquement lorsque la alt ne suffit pas. Ce qui n'est pas le cas d'un simple bouton :twisted:

m2ok a dit:
A quoi sert l'attribut longdesc ? Et pourquoi lui donne t on une valeur qui fait référence à une page HTML ? Et qu trouve t on dans cette page ?
C'est une description complémentaire de l'image.
Ex, tu affiche un graph. Dans le alt, tu expliques que c'est un graph sur ceci ou cela.
Dans le long desc, tu décris le graph.
 
Nouveau WRInaute
Koxin-L a dit:
C'est une description complémentaire de l'image.
Ex, tu affiche un graph. Dans le alt, tu expliques que c'est un graph sur ceci ou cela.
Dans le long desc, tu décris le graph.

Ok merci bien les amis :D
 
WRInaute impliqué
Koxin-L a dit:
DadouDuck a dit:
Code:
<img src="chemin image" alt="Envoyer" title="Nous envoyer un commentaire" />
Je dirais plutôt
Code:
<img src="chemin image" alt="Bouton de validation du formulaire" title="Envoyer un commentaire" />
;-)

Non !!

Dans le cadre d'une image contenant un contenu rédactionnel comme dans le cadre d'un bouton, le Alt ne doit pas contenir d'autre information que le texte écrit dans le bouton. A la rigueur c'est l'attribut Longdesc qui doit contenir plus d'information.

De plus "Bouton de validation du formulaire" n'est pas spécialement pertinent .
 
Discussions similaires
Haut