retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Eléments graphiques > Fiche 1.8

Fiche 1.8 : Pour chacune des images texte de la page, le contenu de son alternative est-il au moins équivalent au texte inscrit dans l'image ?

Carte d'identité

  • Critère AccessiWeb : 1.8
  • Niveau AccessiWeb : bronze
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 1 de WAI) : 1.1

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. La méthode d'évaluation est une lecture du code et de l'attribut alt afin de vérifier si le contenu de l'attribut alt est en corrélation avec l'image.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la barre AccessiWeb (version 1.0) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "1. Eléments graphiques" de la Barre AccessiWeb, activer le critère 1.8.
  3. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  4. Pour toutes les images comportant du texte, vérifier que son alternative textuelle reprend intégralement ce texte (contenu de l'attribut alt).

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Cliquer sur l'option "Liste des images [Nouvelle fenêtre]" du menu "Images".
  2. Une nouvelle fenêtre apparaît et affiche l'image et son commentaire associé.
  3. Pour toutes les images comportant du texte, vérifier que le commentaire associé reprend intégralement ce texte.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Activer l'option "Afficher les attributs alt" du menu "Images".
  2. Les alternatives textuelles (attributs alt) et leur contenu sont affichés directement dans la page à proximité des images dans un encadré de fond jaune.
  3. Pour toutes les images comportant du texte, vérifier que le commentaire associé reprend intégralement ce texte.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

La mise en oeuvre de ce critère concerne les rédacteurs.

Implémentation

L'implémentation se fait par l'utilisation de l'attribut alt sur l'image :

<img src="prix.gif" alt="20 Euros" />


Dans le cas d'une description plus complexe et dépassant le nombre de caractères limite (moins de 60 caractères pour un attribut alt), l'utilisation de l'attribut longdesc s'avère nécessaire :

<img src="billet" longdesc="desc/fiche2223.html" alt="fiche descriptive de l'article numéro 2223" />

Exemple de mauvaise pratique

Exemple d'une image présentant le texte "go" sur un formulaire de recherche.

<img src="/home/img/ok.gif" />

Exemple de bonne pratique

En reprenant l'exemple précédent et en rendant le commentaire explicite, on peut écrire :

<img src="/home/img/ok.gif" alt="Rechercher" />

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

Autres fiches à consulter

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 1.7 Fiche suivante : fiche 1.9

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact