5568 sujets

Sémantique web et HTML

[Résolu] Questions d'images

Bonjour à tous,

j'ai lu le tutoriel sur les alt et title des liens et images et j'aimerais une précision et j'ai deux questions à vous poser

1. Mes images (plusieurs par page) ont un title qui explique ce que l'on voit et permet de faire un lien vers creativecommons.org pour citer l'auteur et la licence du genre :

a href="http://creativecommons.org/licenses/by-nc/2.0/fr/deed.fr"><img src="/images/affut.gif" alt="Affut" width="350" height="280" class="droite" title="Aff&ucirc;t avant attaque (&copy;creativecommons.org/Xti)"></a>


Le tutoriel dit qu'il vaut mieux ne pas mettre de title dans les images : cela marche très bien, mais vaut-il mieux utiliser une autre méthode comme figure et figcaption par exemple ?

2. J'ai une image de camera (toujours la même dans un block) qui m'envoie un lien sur un film de You tube évidemment différent à chaque fois : il me semble que j'ai lu qu'il valait mieux le laisser en img avec un style plutôt qu'en background-image. Par contre, si je fais un CSS avec background-image, comment faire le lien ? En utilisant map et area ?

Merci de vos réponses d'experts
Bonjour,

1. Title n'a rien à faire sur l'image. Il doit, éventuellement, être placé sur le lien ; à condition qu'il apporte une information nécessaire et non déjà présente.

Le lien constituant le caractère déjà présent pour la source et le alt pour le reste du contenu.


2. À partir du moment où tu as un lien sur une image, cette image est porteuse de contenu et DOIT donc se trouver dans le code HTML et non en background.
Bonjour,

En fait tes problèmes ne sont pas des problèmes de code, mais des problèmes éditoriaux et ergonomiques. Smiley smile

osiris67 a écrit :
1. Mes images (plusieurs par page) ont un title qui explique ce que l'on voit et permet de faire un lien vers creativecommons.org pour citer l'auteur et la licence

Le rôle de ton image n'est pas de faire un lien vers une information externe, mais de présenter une information (l'image elle-même) directement dans la page. Donc mettre un lien dessus pointant vers une sorte de métadonnée n'est pas pertinent. Le lien vers la licence devrait être donné dans le contexte immédiat de l'image, et pas sur l'image.

osiris67 a écrit :
2. J'ai une image de camera (toujours la même dans un block) qui m'envoie un lien sur un film de Youtube évidemment différent à chaque fois

En quoi est-ce évident pour l'utilisateur que chaque instance d'un lien sur une même image pointe sur un contenu différent des autres? Au contraire, c'est loin d'être évident!

Si tu as ton icône de caméra et le titre de ta vidéo comme contenu d'un lien, tu peux coder ton lien ainsi:
<a href="...">
  <img src="camera.png" alt="">
  Titre de la vidéo
</a>

ou ainsi:
<a href="...">
  Titre de la vidéo
</a>

et dans ce deuxième cas on pourra placer l'icône comme image de fond CSS.

Si le seul contenu du lien est ton icône, alors techniquement il faut utiliser un élément IMG avec dans l'attribut @alt le titre de ta vidéo. Ton code sera alors techniquement bon, mais ça serait quand même un bon gros bug d'ergonomie (en langage courant on dit aussi «bordel ce site est mal fichu j'y comprends rien» Smiley cligne ).
Modifié par fvsch (06 Jul 2012 - 11:04)
Merci fvsch de tes réponses qui sont toujours pertinentes.

Je suis ton conseil et je modifie les images sur mon site (ce qui va me prendre un certain temps, sinon un temps certain Smiley cligne ). Mais si cela permet de mieux surfer !

Si déjà je change, j'ai fait des essais avec figure et figcaption qui me paraissent intéressants car les légendes peuvent être assez longues ! Qu'en penses-tu ?
Pour l'utilisation de FIGURE et FIGCAPTION, il faut voir en fonction du contenu, mais oui ça peut être pertinent. Il faudrait voir en fonction du contenu exact.
Sujet clos
Aller à