Image meilleures pratiques d'attributs alt

Question

Quelle est l'utilisation prévue de l'attribut alt sur les étiquettes <img>?

Doit-il décrire l'image ou doit-elle fournir un texte de remplacement significatif pour les lecteurs d'écran (et les personnes dont les images sont désactivées)? Par exemple, si j'ai une courte biographie d'une personne sur mon site Web, et que je la présente avec une petite photo, est-ce vraiment important pour les utilisateurs malvoyants de se faire lire «Photo de John Smith»?

Answer 1

Le HTML 5 a une spécification huge section à ce sujet.

Fondamentalement, l'attribut alt devrait être ce qui serait là comme texte si vous n'aviez pas utilisé d'image du tout. Si votre image est purement décorative, vous pouvez utiliser alt="".Une description va dans l'attribut title.

Answer 2

Il fournit un texte "alternatif" si l'image n'a pas pu être chargée pour une raison quelconque. Dans votre exemple, je dirais que oui, ce serait approprié.

Answer 3

Cela devrait être quelque chose qui aide l'utilisateur si l'image n'est pas affichée. Btw la "caractéristique" de lorsque vous survolez une image dans IE et l'info-bulle montre que l'ALT n'est pas le comportement correct de ALT. Le titre est censé être utilisé pour cela.

Answer 4

premier contact sur google pour cela [img alt accessibilité] donne Réfléchissez à quoi ressemble la page ou sonne lorsque les images ne sont pas affichées. Ensuite, écrivez pour chaque image un texte alt qui fonctionne le mieux comme un remplacement (Guidelines on alt texts in img elements)

Answer 5

Décrivez brièvement l'image, comme si vous parliez à une personne aveugle. Assez simple. Je suis sûr que cette valeur d'attributs est utilisée par Google pour indexer les recherches d'images.

Answer 6

De w3.org:

Bien que le texte de remplacement peut être très utile, il doit être manipulé avec précaution. Les auteurs doivent respecter les directives suivantes:

• Ne spécifiez pas un texte alternatif non pertinent en incluant des images destinées à mettre en forme une page, par exemple, alt = « boule rouge » serait inapproprié pour une image qui ajoute une boule rouge pour la décoration un titre ou un paragraphe. Dans ce cas, le texte alternatif doit être la chaîne vide (""). Les auteurs sont dans tous les cas conseillés d'éviter d'utiliser des images pour formater des pages; les feuilles de style devraient être utilisées à la place.
• Ne spécifiez pas de texte alternatif sans signification (par exemple, "texte fictif"). Non seulement cela va frustrer les utilisateurs, mais cela va ralentir les agents utilisateurs qui doivent convertir le texte en parole ou en braille.

Answer 7

Je pense que l'idée est d'utiliser le texte alt pour communiquer la même information que ce qui était prévu avec l'image. Cela dépend de ce que l'image est.

Les éléments de navigation sont peut-être mieux décrits par leur fonction ("page suivante", "retour") que leur apparence ("flèche droite").

La photo de John Smith pourrait être remplacé par une description de John Smith, ou une description de l'événement qui a lieu, etc.

Answer 8

L'attribut "alt" est une représentation alternative (textuelle) de la sémantique de l'image. Ce n'est pas seulement utilisé pour les images qui ne peuvent pas charger: il est également utilisé pour les lecteurs d'écran ou les navigateurs texte seulement.

Dans votre cas particulier, y compris le type alt-texte dépend si vous pensez qu'il est important de noter que la page contient une image de la personne ou non. Si c'est un élément purement visuel, vous ne voudrez peut-être pas de texte alt. S'il est également utilisé comme un lien quelconque, vous avez probablement besoin d'un texte alternatif pour qu'une personne utilisant un lecteur d'écran ait une idée de ce que pourrait faire le lien.

Answer 9

si j'ai une courte biographie d'une personne sur mon site, et comprennent une petite photo d'entre eux, est-il vraiment significatif pour les utilisateurs ayant une déficience visuelle avoir lu « Photo de John Smith » pour eux?

Si vous n'avez pas ce texte alt, que pensez-vous qu'ils vont supposer que l'image est? "Photo de John Smith et sa femme"? "Photo de John Smith acceptant son Oscar"? "Photo de John Smith assassinant JFK"? "Photo de John Smith allongé mort sur son patio après avoir été assassiné par son éléphant de compagnie"?

Si c'est une photo de John Smith, oui, dites-le. Si c'est autre chose, dites-le.

Answer 10

L'attribut Alt est utilisé avec img.

Alt signifie Autre

Il est utilisé pour courte description de l'image.

Il est affiché à l'écran dans le navigateur de cas est incapable de charger l'image

Click to Know more