Aller au contenu

ALT & TITLE sur balise <A>


adn

Sujets conseillés

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.

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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 ?

Lien vers le commentaire
Partager sur d’autres sites

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 :rolleyes:

Pour les images :

- IE affiche le alt

- Mozilla affiche le title

- IE affiche title en priorité

Modifié par Sibelius
Lien vers le commentaire
Partager sur d’autres sites

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é par LaurentDenis
Lien vers le commentaire
Partager sur d’autres sites

<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).

Lien vers le commentaire
Partager sur d’autres sites

Salut, :D

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? :huh:

Lien vers le commentaire
Partager sur d’autres sites

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. ;)

Lien vers le commentaire
Partager sur d’autres sites

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 ;)

Lien vers le commentaire
Partager sur d’autres sites

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...

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...