IMG sans image d'espacement avec un ALT valide  
Section 508 1194.22(a); WAI / WCAG 1.0 checkpoint 1.1
 
 
Description du problème

Les images contenues dans ce document n'ont aucune description textuelle valide correspondante. Une description valide est une valeur de chaîne de l'attribut ALT qui :

  • n'est pas une chaîne vide ("") ;
  • n'est pas une chaîne avec un ou plusieurs espaces (" ") ;
  • n'est pas le nom du fichier contenant l'image ;
  • n'indique pas uniquement la taille du fichier d'image ;
  • n'est pas une chaîne de plus de 150 caractères (il s'agit d'une simple suggestion, et non d'une obligation WCAG 1.0 ou 508).

Le rôle de l'image n'est pas seulement décoratif (c.-à-d. elle ne constitue pas une image d'espacement).

 
 
Procédure de réparation

Ajoutez l'attribut ALT à la balise IMG. Rappelez-vous les points suivants :

  • La description doit expliquer le rôle de l'image dans la page. Imaginez que vous écoutiez le contenu de la page et la description de l'image au téléphone
  • Si l'image sert de contenu d'un lien et que vous fournissez aussi le texte du lien, utilisez un espace comme valeur de l'attribut ALT de l'élément IMG. Dans ce cas, le texte du lien doit constituer la description secondaire de l'image
  • Soyez concis. Pensez que les images telles que les logos se répètent sur toutes les pages du site et que les internautes vont devoir écouter la même description maintes et maintes fois
  • En bref, utilisez le même texte affiché par l'image pour les boutons
  • Comme les descriptions ALT ne sont pas interprétées par les navigateurs, il est préférable de n'y inclure aucune balise HTML. Les balises incorporées ne peuvent qu'embrouiller les utilisateurs, ainsi que les moteurs de recherche
  • Les descriptions ALT trop longues risquent d'être tronquées par les navigateurs et augmentent le temps de téléchargement de la page. En règle générale, il vaut mieux utiliser moins de 10 mots et 64 caractères
  • Les images utilisées uniquement dans un but décoratif (par exemple, les images d'espacement) doivent comprendre une chaîne ALT vide ("") pour que les lecteurs d'écran les ignorent. Il en va de même pour les images servant de puces
  • ATTENTION : l'attribut ALT doit constituer la chaîne vide ("") pour les cas où l'image serait déjà décrite par le texte périphérique
  • ATTENTION : il est indispensable que les images incluses dans les liens (y compris les images GIF transparentes) soient toutes accompagnées d'un attribut ALT valide décrivant la destination du lien
 
 
Explication du problème

L'attribut ALT décrit l'image à laquelle il se réfère pour permettre aux utilisateurs dont le navigateur ne prend pas en charge les graphiques de pouvoir quand même parcourir la page. L'émergence des navigateurs texte-seul portatifs rend l'utilisation de descriptions ALT plus importante que jamais.

Quant aux liens masqués (les balises A normales dont l'étiquette constitue une image d'espacement), il importe que l'attribut ALT de l'image existe et qu'il décrive la destination du lien. (La technique des liens masqués peut être utilisée pour répondre à la norme 508, paragraphe 1194.22(o), selon laquelle "il convient de trouver une méthode qui permette aux utilisateurs de passer outre les liens de navigation répétitifs", et au point de contrôle WAI 13.6.)

Les descriptions ALT s'affichent avant l'image à laquelle elles se réfèrent, ce qui est utile lorsque le téléchargement et l'affichage de l'image elle-même demandent plusieurs secondes.

L'insertion de mots-clés dans l'attribut ALT peut aussi améliorer la façon dont les pages sont répertoriées dans certains moteurs de recherche.

Pour les images qui ne jouent qu'un rôle décoratif dans la page (telles que les images d'espacement et les puces), il est recommandé de définir une chaîne ALT vide (c.-à-d. ALT="" ) pour éviter que les navigateurs ne gênent les utilisateurs en insérant des caractères du type "*" ou ">".