1174 sujets

Accessibilité du Web

Bonjour à tous,

Je viens de terminer la lecture de l’article Bien utiliser le texte alternatif sur l’excellent pompage.net et j’en viens à me demander quel texte alternatif je dois utiliser pour les vignettes de d’une galerie de photo.

Voici le code que j’utilise :
<ol>
  <li><a href="/photo1/"><img src="/photo1.jpg" alt="" />nom de la photo1</a></li>
  <li><a href="/photo2/"><img src="/photo2.jpg" alt="" />nom de la photo2</a></li>
  ...
</ol>

Ce cas se rapproche de l’exemple 3 de l’article, avec comme différence le nom de la photo qui fait parti du lien.
Dans ce cas quel texte alternatif vous parait le plus pertinent ?

J’attends vos conseils éclairés.
Modifié par Swell (17 Jun 2015 - 12:14)
Bonjour,

Tu fais un lien vers une image, et pas vers un document HTML. Il serait donc utile de fournir cette information.

Je vois deux solutions :
- « Image JPEG - nom de la photo 1 » ;
- « photo1.jpg - nom de la photo 1 ».

Utiliser le nom du fichier permet de fournir l'information sur le format de fichier (extension), et ne sera pas trop gênant. De plus, c'est automatisable assez facilement.
Par contre, si on a des fichiers qui se nomment 1645jlmkzjel5346784.jpg, c'est moins drôle...
Florent V. a écrit :
Tu fais un lien vers une image, et pas vers un document HTML
Non, je fais bien un lien vers un document HTML qui présente une image :
<a href="[b]/photo1/[/b]"><img src="/photo1.jpg" alt="" />nom de la photo1</a>
La vignette et le nom de la photo se trouvent dans la balise <a>

Florent V. a écrit :
Je vois deux solutions :
- « Image JPEG - nom de la photo 1 » ;
- « photo1.jpg - nom de la photo 1 ».
Y'a-t-il un intérêt à répéter le nom de la photo si celui-ci se trouve juste après ? N'est-ce pas gênant d'avoir une information redondante ?
Swell a écrit :
Non, je fais bien un lien vers un document HTML qui présente une image

Ah oui ok, j'avais mal vu.

Swell a écrit :
Y'a-t-il un intérêt à répéter le nom de la photo si celui-ci se trouve juste après ? N'est-ce pas gênant d'avoir une information redondante ?

Si, c'est à éviter. Mais je proposais « Image JPEG - nom de la photo 1 » nom pas comme texte pour l'attribut alt, mais comme texte complet. Ici, l'attribut alt correspondrait à « Image JPEG ».

Si tu n'as pas d'information supplémentaire à faire passer en dehors du nom de la photo, je pense que tu peux laisser l'attribut alt vide.
Je vais l'attribut alt vide. C'est, je pense, la meilleure solution.

Je ne pense pas que « Image JPEG » soit pertinant car le lien pointe vers une page HTML
J'avais pensé à indiquer la fonction du lien : « Voir la photo »,
mais je pense que c'est superflu, surtout dans le cas d'une liste de vignettes.