ALT & TITLE sur balise <A>

[adn]

Bjr,

Selon vous faut-il définir, pour le référencement je m'entends, les attributs title et alt sur les balises <a> ?

Merci de votre avis et de vos expériences.

[petit-ourson]

Les balises <a> n'attendent pas d'attribut "alt" il me semble.

Je pense qu'il faut le définir si c'est nécessaire pour l'accessibilité, le référencement suivra après. De toute façon ce qui est bon pour l'un ne peut pas être mauvais pour l'autre.

[Raphael]

pour le référencement je m'entends

Pour le référencement : aucun des deux.

Pour l'accessibilité et la navigabilité du site : title explicite.

[Bug]

si j'ai bien tout compris, 'alt' est pour les images et 'title' pour les liens

donc

<a href="toto.htm" title="description du lien toto"><img src="toto.png" alt="description de l'image toto.png"></a>

j'ai juste ?

[petit-ourson]

alt pour les images et title pour les images et les liens.

[lafosca]

Pour les images :

- IE affiche le alt

- Mozilla affiche le title

Pour les liens, seul le title compte, et est affiché par mozilla.

[Bug]

- IE affiche le alt

- Mozilla affiche le title

et si on met les deux, IE affiche le title

[Raphael]

alt pour les images et title pour les images et les liens.

Title peut être utilisé sur chaque élément (ou presque) pour afficher une infobulle au survol et donner du contenu pour les lecteurs textes.

Tu peux même t'amuser en CSS à ne cibler QUE les div qui possèdent un attribut title :

div[title] {color:blue}

<div>toto</div>
<div title="hopla">titi</div>  

Seul le second texte ("titi") sera en bleu car il est contenu dans un div avec title... bien sûr ça ne fonctionne pas encore sur IE

Pour les images :

- IE affiche le alt

- Mozilla affiche le title

- IE affiche title en priorité

Modifié 11 Septembre 2004 par Sibelius

[LaurentDenis]

Hum... Faisons simple et accessible, si vous le voulez bien, sans raffinement :

- alt obligatoire sur toutes les images, avec alt="" si l'équivalent textuel de l'image n'a pas d'intérêt dans un rendu vocal de la page (exemple-type : une puce ou toute image strictement décorative).

- title sur un lien lorsque le texte contenu dans la balise <a... n'est pas compréhensible une fois retiré du contexte. C'est fou le nombre de gens qui naviguent dans une page à partir de la liste des liens extraite de celle-ci... encore faut-il que l'intitulé du lien ait un sens

- pas de title sur les images liens qui ont déjà un attribut alt, du type :

<h1>
   <img scr="logo.png" alt="_Titre_de_mon_site_">
</h1>

En effet, certains navigateurs/lecteurs gèrent mal la présence simultanée d'un title et d'un alt. Et sur le fond, le alt doit suffire à donner un équivalent textuel hors contexte.

Modifié 11 Septembre 2004 par LaurentDenis

[Denis]

<a href="toto.htm" title="description du lien toto"><img src="toto.png" alt="description de l'image toto.png"></a>

Tout à fait. Dans la mesure où tu accompagnes ta démarche des explications fort justes et complémentaires qu'on donné Sibelius et Laurent Denis.

Rappelons au passage que le fait que MSIE affiche le alt d'une image au survol de la souris n'est pas une feature, c'est un bug. Le alt n'est pas supposé servir visuellement, mais seulement en contexte de synthèse vocale ou de support de sens à un contenu non-textuel (lors du référencement par les moteurs de recherches par exemple).

[Gribouille26]

Salut,

Je me posais une question:

Etant donné que Mozilla n'affiche pas l'attribut alt des images au survol de la souris, et qu'il ne faut pas mettre à la fois un alt et un title,

comment faire pour afficher à coup sûr un message sur l'image?

[Denis]

Etant donné que Mozilla n'affiche pas l'attribut alt des images au survol de la souris, et qu'il ne faut pas mettre à la fois un alt et un title, comment faire pour afficher à coup sûr un message sur l'image?

Tu prends le "problème" à l'envers.

Pourquoi aurais-tu besoin de faire afficher un texte alternatif pour une image qui, visuellement, est déjà suffisamment éloquente par elle-même ? Le alt n'a aucune raison d'être pour l'utilisateur voyant les images... et ceux qui ne les voient pas reçoivent automatiquement ce texte de remplacement. L'imposer aux utilisateurs de Firefox et les autres à l'aide du title ressemble plus à du harcèlement que du support.

[LaurentDenis]

Si une information est attachée à une image, pourquoi ne pas la mettre simplement et directement dans le texte HTML du document, par exemple en légende de l'image ?

Certes, à l'avenir, chaque image pourra sans doute véhiculer ses propres métadonnées (RDF inclus dans l'image) et les navigateurs sauront les restituer.

Mais pour aujourd'hui, placer cette information "en dur" dans la page est encore la solution la plus simple et la plus efficace

[LaurentDenis]

Le alt n'a aucune raison d'être pour l'utilisateur voyant les images... et ceux qui ne les voient pas reçoivent automatiquement ce texte de remplacement.

Tu voulais dire que le "title" n'avait aucune raison d'être pour l'utilisateur voyant les images ?

[Gribouille26]

Je pensais à une page d'image formant une image générale qu'on pourrait détaillé en passant la souris sur les divers éléments...

Mais il y a peut-être d'autres moyens de faire apparaitre une bulle sur l'image?

[Denis]

Je pensais à une page d'image formant une image générale qu'on pourrait détaillé en passant la souris sur les divers éléments...

Mais il y a peut-être d'autres moyens de faire apparaitre une bulle sur l'image?

Un simple effet de révélation au survol de la souris par CSS, genre, img:hover ? Comme le alt est déjà présenté sur IE et que le pseudo-sélecteur :hover n'est compris que par les autres, ça pourrait fonctionner...