bonjour à tous,
Je me suis posé une petite question tout à l'heure, et après avoir réflechis, et bien je reste sans réponses. (article source)

On considère le code suivant :

<figure>
  <img src="un-gout-de-fraise.jpg" alt="" />
  <figcaption>Proposition pour le thème :Un goût de fraise</figcaption>
</figure>

Coté sémantique, si je comprend bien le figcaption contient les mêmes informations que l'attribut alt de l'image ? Alors quel est le plus important / logique ?

Mettre sur chaque image, une figure avec un figcaption ?
Est ce que ce code çi dessous est utile ?

   $("figure").each(function({
     var txt = $(this).child('img').attr('alt');
   $(this).find('figcaption').html(txt);
  });

Codé à l'arrache pardonnez moi, mais en gros pour chaque illustration, on récupère le text alternatif de l'image et on l'injecte dynamiquement dans le figcaption (ou inversement).

6 réponses


betaWeb
Réponse acceptée

Salut,

En faite figcaption pourraît être remplacé par le mot "legend" car il s'agit d'une balise, quand elle est enfante de figure, qui désigne la légende assiciée à une image.
https://developer.mozilla.org/fr/docs/Web/HTML/Element/figcaption/ :)

L'attribut alt (alternative textuelle) permet d'attacher une information à l'image, et, lorsque celle-ci, pour x ou y raison, n'a pas pu être chargée dans la page, le contenu de cet attribut est affiché en lieu et place de l'image. On s'en sert notamment pour le SEO me semble-t-il.

Merci de tes informations :)

C'est dans des moments de reflexions comme celui çi qu'on se rend compte à quel point 80% des sites dans le monde ne respectent pas les conventions w3c (schemas, attr, accessibilité ...)

@Benjamin Derepas 80% ? T'es getil là ^^

Rien que les relations post/auteur comme <a class="post__author" rel="author"> Marlène Sasoeur </a>'sont très souvents oubliés !

Après il faut voir l'utilité, et tout dépend du type de public visé et sourtout du nombre de visite et de l'importance de la structure derrière le site. Des grands groupes, suceptibles de toucher un large public, se doivent de ne pas omettre microdatas & compagnie. (https://fr.wikipedia.org/wiki/Microdonn%C3%A9e)