Les lecteurs d’écran, ou réviseurs, sont destinés aux personnes aveugles. Ces aides rendent les informations à l’écran disponibles sous forme de parole synthétisée ou d’un affichage en braille rafraîchissable. Ils ne peuvent traduire que des informations textuelles.
Les images peuvent être traduites, s’il existe un texte alternatif décrivant l’image.
Sommaire
Conseils pour utiliser l’attribut de texte alternatif (ALT) dans les balises d’image
- Pour ajouter un texte alternatif à une image, il suffit d’inclure l’attribut « ALT » dans votre balise d’image.
- Pensez à ajouter un point à la fin du texte de l’attribut ALT, afin que quelqu’un qui écoute la page puisse savoir où s’arrête une image et où commence une autre.
- Pensez à numéroter vos liens d’image ou de carte d’image en plaçant un numéro au début du texte de l’attribut « ALT » ; cela permet d’orienter la personne qui écoute la page.
- Si vous avez des liens textuels les uns à côté des autres, séparez-les par un espace et un point, ou une barre verticale ; de cette façon, la personne qui entend la page peut savoir où un lien s’arrête et où un autre commence.
Images standard
Incluez toujours des attributs de texte alternatif dans les balises d’image.
Par exemple : <IMG SRC= »logo.gif » ALT= »company logo »>
Si l’image n’est pas importante, définissez des attributs de texte alternatif vides.
Par exemple : <IMG SRC= »dot.gif » ALT= » »>
Images animées
Incluez un texte alternatif pour décrire chaque image d’une image animée.
Si vous utilisez Internet Explorer, passez le pointeur de votre souris sur le bouton, et une petite zone de texte devrait apparaître pour afficher le message de texte alternatif.
Après 3 boucles, le bouton animé cessera de tourner. Cliquez sur « rafraîchir » dans votre navigateur Web pour relancer l’animation.
Liens d’image
Lorsque des images sont utilisées comme liens, incluez un texte alternatif indiquant l’étiquette exacte contenue dans l’image. Par exemple, si le lien de l’image indique « Rechercher », le texte alternatif doit également être « Rechercher ».
N’incluez pas d’informations supplémentaires. Par exemple, pour le lien de l’image qui indique « Recherche », n’utilisez pas la phrase « Cliquez ici pour effectuer une recherche ».
Images de soumission et de saisie
Lorsque des images sont utilisées comme boutons d’envoi sur des formulaires, incluez un texte alternatif équivalent.
Par exemple : <INPUT TYPE= »image » NAME= »Submit » SRC= »submit_button.gif » ALT= »Submit »>