AREA avec ALT valide |
Section 508 1194.22(a); WAI / WCAG 1.0 checkpoint 1.1
Description du problème La carte graphique incluse dans ce document ne contient pas d'éléments AREA avec des descriptions textuelles valides. Une description valide est une valeur de chaîne pour l'attribut ALT, autre que les suivantes : une chaîne vide ("") ; une chaîne contenant un espace ou plus (" ") ; le nom du fichier image ; la taille du fichier image ; une chaîne contenant plus de 150 caractères (il s'agit d'une simple suggestion, et non une obligation WCAG 1.0 ou 508).
Procédure de réparation Ajoutez l'attribut ALT à la balise AREA, tout en gardant les points suivants à l'esprit : La description doit expliquer la destination du lien ou pourquoi l'utilisateur voudra l'utiliser. Ne mentionnez pas les mécanismes, tels que "cliquer ici" ; décrivez plutôt la destination du lien et son rôle pour l'utilisateur. Les descriptions ALT ne sont pas interprétées par les navigateurs et ne doivent pas inclure de balises HTML. Les balises incorporées déconcertent les utilisateurs, parfois même 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.
Explication du problème Les attributs ALT permettent de fournir les équivalents textuels des cartes graphiques. Cette étape est importante parce que les cartes graphiques fournissent des informations visuelles essentielles pour la navigation. L'attribut ALT doit décrire la zone associée à l'image pour que les utilisateurs dont le navigateur ne prend pas en charge les graphiques puissent consulter la page normalement. Sans description ALT, ces utilisateurs ne pourraient pas naviguer dans la carte graphique. Chaque élément AREA de la carte graphique doit avoir son propre attribut ALT. Exemple (adapté d'un didacticiel disponible à l'adresse : http://www.jimthatcher.com/webcourse2.htm) :
      <IMG src="map.gif" alt="navigation" usemap="#navigation">
      <MAP name="navigation"> <AREA coords="1,1,40,100"
      alt="home" href="../index.html"> <AREA coords="1,100,40,180"
      alt="products" href="products.html"> </MAP>
Comme avec les autres liens, le texte en soi doit être compréhensible hors contexte. Un bon texte de lien ne doit pas être trop général. N'utilisez pas des descriptions telles que "cliquez ici". Non seulement cette expression est spécifique à un périphérique (dispositif de pointage), mais elle ne renseigne en rien sur la page correspondante. Essayez au contraire de définir la nature de la cible. Par exemple, ""plus d'informations sur les otaries"" ou ""version texte de cette page""." L'émergence des navigateurs texte-seul portatifs rend la description des ALT plus importante que jamais. Songez que de nombreux utilisateurs ont, par choix ou par nécessité, recours à des navigateurs texte-seul équipés de lecteurs d'écran ou de navigateurs vocaux. Il peut s'agir de personnes malvoyantes, de personnes utilisant Internet par téléphone ou de personnes utilisant un navigateur dans leur voiture. En attendant que les agents puissent restituer le texte équivalent pour les liens de carte graphique côté client, vous pouvez rendre votre page accessible aux utilisateurs qui ne peuvent pas afficher les graphiques, en fournissant un lien texte redondant pour chaque région active d'une carte graphique côté client. En fournissant la description ALT des éléments AREA, votre page est cependant déjà compatible avec ces nouveaux navigateurs.