Exemple: une page de biographie avec une photo de la personne. L'image ne contient aucune information utile, mais elle ajoute suffisamment de valeur émotionnelle à la page que la supprimer n'est pas la solution.
Si vous définissez le texte alternatif sur la chaîne vide "", cela empêcherait les utilisateurs de naviguer avec des lecteurs d'écran d'avoir à entendre des informations inutiles comme "une photo de John Doe, PDG" lorsque ces informations sont déjà présentes ailleurs sur la page. Cependant, cela empêcherait les utilisateurs ayant des connexions extrêmement lentes (comme sur les tablettes dans les zones rurales) de savoir ce que serait l'image avant d'avoir fini de la télécharger.
Si vous donnez à l'image un texte alternatif, alors les problèmes seraient inversés. Les utilisateurs avec des connexions extrêmement lentes sauraient ce qu'ils téléchargent avant de le charger, mais les utilisateurs aveugles devront écouter du texte qui ne transmet aucune information supplémentaire.
En supposant que chacun des deux types d'utilisateurs détient une participation égale dans votre site, les images doivent-elles recevoir un texte alternatif lorsqu'elles ne contiennent aucune information supplémentaire mais doivent apparaître dans le contenu de la page principale?
Vous devez utiliser un attribut alt vide pour les images purement décoratives. Je dirais que dans l'exemple que vous avez donné, il vaut la peine de fournir un attribut alt qui décrit l'image, par exemple alt="Portrait of Jane Doe"
. @KitGrose mentionne que l'inclusion de ce texte rendra également l'image consultable par les moteurs de recherche d'images tels que Google Image.
Je réserve des attributs alt vides pour des choses comme avoir une icône de recherche à côté du texte "recherche" sur un bouton de recherche - c'est purement décoratif et un lecteur d'écran lirait simplement "recherche" deux fois si j'ajoutais du texte alternatif.
L'exemple que vous donnez est un contenu supplémentaire qu'il peut être utile de référencer, même si la personne ne peut pas le voir.
Étant donné que votre principale préoccupation est que le contenu soit lu plusieurs fois par des technologies d'assistance telles que des lecteurs d'écran, vous pouvez ajoutez le aria-hidden
attribut à votre élément image (et/ou définissez role="presentation"
) pour informer la technologie d'assistance qu'elle ne doit pas être lue à haute voix.
L'image ne contient aucune information utile
Je dirais qu'il contient des informations très très utiles, car, bien, il représente la personne sur laquelle porte la page.
Si la seule raison d'utiliser une valeur alt
vide est à cause de la duplication de contenu (texte), vous devriez vous demander: Les utilisateurs du lecteur d'écran pourraient-ils toujours télécharger/identifier cette image?
Lorsque vous utilisiez une valeur alt
vide pour cette photo, les utilisateurs de lecteurs d'écran auraient du mal à la télécharger:
alt
vide)