5568 sujets
Sémantique web et HTML
Bonjour,
Oui, c'est vrai...
Quelques pistes pas très loin :
Comment contrôler et modifier l'apparence d'une infobulle ?
ou chez l'ami Geoffrey : Améliorez vos infobulles tout en les rendant sexy
Ce ne sont pas les ressources qui manquent
Oui, c'est vrai...
Quelques pistes pas très loin :
Comment contrôler et modifier l'apparence d'une infobulle ?
ou chez l'ami Geoffrey : Améliorez vos infobulles tout en les rendant sexy
Ce ne sont pas les ressources qui manquent
rodolpheb a écrit :Pour les liens oui mais pas pour les images, pour ca il y a l'attribut "alt" ou encore "longdesc".
en terme de référencement n'est-ce pas pertinent?
Grafikart avait réalisé un bon tuto pour réaliser des infobulles animée avec l'attribut "title" et un soupçon de jQuery: http://www.grafikart.fr/tutoriels/jquery/infobulle-jquery-95
Modifié par LuciferX (24 Oct 2012 - 08:20)
rodolpheb a écrit :
Laurie-Anne, en terme de référencement n'est-ce pas pertinent?
En fait il n'y a pas une réponse par défaut, ça dépend de l'image.
Si tu considères que ton image est importante mais pas assez expressive, tu peux lui donner une description via la balise title (il ne faut pas l'utiliser à toutes les sauces).
L'attribut alt est comme son nom l'indique un texte alternatif: si l'image n'apparait pas (pour x raison), c'est ce texte qui sera affiché à l'utilisateur (de même pour les lecteurs d'écran). Une balise img doit toujours contenir un alt, si ton n'image n'a pas d'importance dans ce cas laisse le alt vide.
Ces deux attributs sont très importants, il ne faut pas les négliger sous peine de voir ton site complétement inaccessible.
Quand je dis très important je parle surtout pour alt (accessibilité + seo), cependant title à une petite importance pour le seo (petite importance mais qui peut créer un avantage dans la course au référencement).
De plus elle peut être très utile pour donner du sens à une image non expressive. Je rappel que la balise title est affiché en infobulle par nombre de navigateurs.
Exemple: tu veux afficher une barre de difficulté dans un endroit assez petit:
Il peut être intéressant qu'au survole de l'image l'utilisateur voit si la difficulté est: facile, moyenne, etc...
edit: je viens de changer l'image, j'avais upload la mauvaise...
Modifié par UltrAs001 (25 Oct 2012 - 16:29)
De plus elle peut être très utile pour donner du sens à une image non expressive. Je rappel que la balise title est affiché en infobulle par nombre de navigateurs.
Exemple: tu veux afficher une barre de difficulté dans un endroit assez petit:
Il peut être intéressant qu'au survole de l'image l'utilisateur voit si la difficulté est: facile, moyenne, etc...
edit: je viens de changer l'image, j'avais upload la mauvaise...
Modifié par UltrAs001 (25 Oct 2012 - 16:29)
Dans ton exemple, l'image ne doit pas avoir de texte alternatif et surtout pas de title. Un alt ou title serait redondant avec ce qui est écrit devant ; mention bonus au title qui est en plus intrusif.
Même sans le "facile" devant l'image, le title serait une mauvaise image; puisqu'il serait d'office redondant avec le alt (qui lui devra porter le contenu du texte supprimé) ; image qui, pour les "voyant" parlera d'elle même.
Oui, title peut dans de très rares cas être utilisé sur une image; mais ils sont vraiment très très rares. En règle générale l'utilisation du title sur une image est gênant (et même sur un lien).
Pour ce qui est du référencement, je pense que le alt a bien plus de poids que le title. Il vaux mieux se concentrer sur une contenu de qualité et fréquent que sur des bidouilles à base de title...
Même sans le "facile" devant l'image, le title serait une mauvaise image; puisqu'il serait d'office redondant avec le alt (qui lui devra porter le contenu du texte supprimé) ; image qui, pour les "voyant" parlera d'elle même.
Oui, title peut dans de très rares cas être utilisé sur une image; mais ils sont vraiment très très rares. En règle générale l'utilisation du title sur une image est gênant (et même sur un lien).
Pour ce qui est du référencement, je pense que le alt a bien plus de poids que le title. Il vaux mieux se concentrer sur une contenu de qualité et fréquent que sur des bidouilles à base de title...
J'ai edité mon poste précédent pour changer l'image car j'avais uploadé la mauvaise...
Dans l'exemple que je cite le title permet au utilisateur de pouvoir rattacher un texte à une image. L'utilisateur ne peut pas savoir si le niveau de difficulté est 1/10, 2/10 etc...
L'astuce d'ajouter un span et de simuler l'infobulle en js me parait incorrect au niveau structure.
Le title est là pour décrire un élément qui n'est pas suffisamment expressif.Je pense qu'on est dans ce cas non?
Si je prends le site w3school, il donne la définition suivante pour l'attribut title:
<img> Defines an image
W3C test2: http://www.w3.org/WAI/UA/TS/html401/cp0203/0203-IMG.html
Modifié par UltrAs001 (25 Oct 2012 - 16:47)
a écrit :
Même sans le "facile" devant l'image, le title serait une mauvaise image; puisqu'il serait d'office redondant avec le alt (qui lui devra porter le contenu du texte supprimé) ; image qui, pour les "voyant" parlera d'elle même.
Dans l'exemple que je cite le title permet au utilisateur de pouvoir rattacher un texte à une image. L'utilisateur ne peut pas savoir si le niveau de difficulté est 1/10, 2/10 etc...
L'astuce d'ajouter un span et de simuler l'infobulle en js me parait incorrect au niveau structure.
Le title est là pour décrire un élément qui n'est pas suffisamment expressif.Je pense qu'on est dans ce cas non?
Si je prends le site w3school, il donne la définition suivante pour l'attribut title:
<img> Defines an image
W3C test2: http://www.w3.org/WAI/UA/TS/html401/cp0203/0203-IMG.html
Modifié par UltrAs001 (25 Oct 2012 - 16:47)
merci pour vos réponses,
je viens de voir l'astuce de Laurie-Anne sur alsa, très bien fait (http://www.alsacreations.com/astuce/lire/1166-alt-title-images-liens.html);
et j'ai trouvé la confirmation que l'attribut title d'une image n'est pas du tout pris en compte par google.
Modifié par rodolpheb (27 Oct 2012 - 11:41)
je viens de voir l'astuce de Laurie-Anne sur alsa, très bien fait (http://www.alsacreations.com/astuce/lire/1166-alt-title-images-liens.html);
et j'ai trouvé la confirmation que l'attribut title d'une image n'est pas du tout pris en compte par google.
Modifié par rodolpheb (27 Oct 2012 - 11:41)