2017-04-18 2 views
-1

Sur une page j'ai une liste de livres (seulement le nom et les auteurs), avec leur page de couverture.Quel texte Alt à utiliser sur une liste d'images (de livres)

Quel alt-texte dois-je utiliser sur ces images?

J'ai vu une grande boutique en ligne néerlandaise qui porte le nom du produit dans l'image du produit;

J'ai vu « les détails du produit » sur tous les éléments d'une page sur Amazon avec beaucoup de produits (ils ont tous le même texte alt)

Je me demande ce qui serait bon d'avoir quand quelqu'un a un lecteur d'écran. Est-ce que je devrais le faire en blanc pour qu'il soit ignoré? Cela semble paresseux, mais je ne sais pas à quoi il serait bon d'écouter le lecteur d'écran lire 30 livres et ensuite dire à chaque livre soit 'ceci est une image de couverture' ou le titre du livre (qu'il lit aussi parce il est le début de l'alinéa livre, donc il serait lu deux fois)

+0

La plupart des cas de choix du meilleur texte alternatif pour une image dépendent du contexte. Avez-vous une capture d'écran ou un exemple de code à poster? – aardrian

+0

Rien de plus qu'une mise en page; c'est une table à 3 colonnes avec dans chaque colonne un petit pouce d'une couverture de livres (environ 100 pixels de haut) et à côté le titre du livre et l'auteur du livre. Quelque chose comme ça http://www.nybooks.com/ipl/ mais avec moins de texte. – Michel

Répondre

1

donné une mise en page qui pourrait ressembler à ceci:

+-----------------+ 
|     | Night Circus 
|     | Erin Morgenstern 
|     | 
|     | ISBN 
|     | A story of something or other, though 
|     | I cannot be sure as the book is too 
|     | far away to see clearly. 
|     | 
|     | 
|     | 
+-----------------+ 

Je voudrais utiliser un attribut alt vide. Indiquer le titre/auteur est juste verbeux et n'ajoute rien. Maintenant, si votre site présente aussi l'art de la couverture comme un argument de vente, alors je créerais un texte alternatif personnalisé pour chaque image. Mais je ne pense pas que cela corresponde ici.

Le texte alternatif redondant est frustrant pour la plupart des utilisateurs de lecteurs d'écran.

+0

Merci. Ce n'est pas un argument de vente. – Michel

+0

Ai-je raison qu'une balise alt vide est simplement ignorée par un lecteur d'écran? – Michel

+0

Oui. Pour être un peu plus précis (comme cela est important avec certains éléments/attributs), un '' avec un attribut 'alt' vide est ignoré par les lecteurs d'écran. Ou ''. – aardrian

1

Si les images correspondent au definition of pure decoration per WCAG 2.0, comme elles pourraient l'être dans votre description, un attribut alt vide est approprié (alt=""). Notez que vous devez également vous assurer qu'il n'y a pas d'attribut title ou qu'il est également vide afin que les images soient ignorées par la technologie d'assistance. Voir WCAG technique H67 pour référence.

+0

Merci pour votre ajout – Michel