Barre AccessiWeb: mode d'emploi

vous êtes ici : Introduction > Menu 1: Eléments graphiques

Menu 1: Eléments graphiques

Cette page présente le contenu du menu "1. Eléments graphiques" de la barre AccessiWeb qui est consultable par la souris ou par un raccourci clavier (voir Raccourcis clavier de la barre AccessiWeb).

Pour chaque lien du menu, la description de l'action résultante (quand le lien est cliqué) est donnée ainsi que la méthode pour terminer l'évaluation du critère AccessiWeb correspondant.

revenir en haut de la page

Critère 1.1 [Bronze] : Chaque élément graphique possède-t-il une alternative textuelle ?

Evaluation par la barre AccessiWeb

Action
  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.1.
Evaluation
  1. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  2. Vérifier que chacun d'eux possède l'attribut alt.

Plus d'informations

revenir en haut de la page

Critère 1.2 [Bronze] : Pour chacune des images de la page ayant une alternative, les textes dans l'attribut ALT sont-ils appropriés par rapport au contexte dans lequel l'image se trouve ?

Evaluation par la barre AccessiWeb

Action
  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.2.
Evaluation
  1. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  2. Pour chaque élément graphique, comparer le contenu de l'alternative textuelle (contenu de l'attribut alt) avec son contexte dans la page, et déterminer s'il est approprié.

Plus d'informations

revenir en haut de la page

Critère 1.3 [Bronze] : Les éléments graphiques destinés à la décoration sont-ils commentés par ALT="" ?

Evaluation par la barre AccessiWeb

Action
  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.3.
Evaluation
  1. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  2. Pour chaque élément graphique destiné à la décoration, vérifier que le contenu de l'alternative textuelle est égal à alt="".

Plus d'informations

revenir en haut de la page

Critère 1.4 [Bronze] : Pour chacune des images de la page, les textes dans l'attribut ALT font-ils moins de 60 caractères ?

Evaluation par la barre AccessiWeb

Action
  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.4.
Evaluation
  1. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  2. Repérer les alternatives textuelles d'une longueur "suspecte" (contenu de l'attribut alt contient plus de 5 à 6 mots).
  3. Puis copier/coller le contenu de l'attribut alt dans un éditeur de texte et compter le nombre de caractères (espaces et ponctuations compris). Le nombre de caractères ne doit pas dépasser 60 caractères.
    Note : pour un comptage exact, positionner le curseur avant le dernier caractère et relever la valeur du nombre de colonnes. En effet, certains éditeurs affichent le numéro de colonnes correspondant à l'emplacement du curseur.

Plus d'informations

revenir en haut de la page

Critère 1.5 [Bronze] : Les commentaires associés à chacune des zones réactives d'une image map sont-ils pertinents ?

Evaluation par la barre AccessiWeb

Action
  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.5.
Evaluation
  1. Un message d'alerte indique si aucune image map n'a été trouvée ("Aucune zone cliquable côté serveur ou côté client"). Si une ou des images maps sont trouvées, elles sont affichées dans une nouvelle fenêtre avec leurs codes sources et en particulier les éléments area associés.
  2. Vérifier que chaque balise AREA possède une alternative textuelle pertinente (contenu de l'attribut alt).

Plus d'informations

revenir en haut de la page

Critère 1.6 [Argent] : Les zones de chacune des images MAP sont-elles ordonnées de manière logique ?

Evaluation par la barre AccessiWeb

Action
  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.6.
Evaluation
  1. Un message d'alerte indique si aucune image map n'a été trouvée ("Aucune zone cliquable côté serveur ou côté client"). Si une ou des images maps sont trouvées, elles sont affichées dans une nouvelle fenêtre avec leurs codes sources et en particulier les éléments area associés.
  2. Vérifier que chaque balise AREA est déclarée dans un ordre logique (donné par le contenu de l'attribut alt).

Plus d'informations

revenir en haut de la page

Critère 1.7 [Argent] : Pour chacune des images MAP, les zones de l'image MAP sont-elles définies juste après la déclaration de l'image MAP ?

Evaluation par la barre AccessiWeb

Action
  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.7.
Evaluation
  1. Le code source de la page s'affiche dans une nouvelle fenêtre.
  2. Rechercher dans le code source la balise IMG contenant l'attribut usemap et vérifier si le bloc des zones réactives se trouve codé immédiatement après.
  3. Vérifier également que le contenu de l'attribut usemap de la balise IMG et le contenu de l'attribut name de la balise MAP sont identiques.

Plus d'informations

revenir en haut de la page

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

Evaluation par la barre AccessiWeb

Action
  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.
Evaluation
  1. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  2. Pour toutes les images comportant du texte, vérifier que son alternative textuelle reprend intégralement ce texte (contenu de l'attribut alt).

Plus d'informations

revenir en haut de la page

Critère 1.9 [Argent] : Il convient de remplacer un texte sous forme d'image par un texte mis en forme. Cette règle est-elle respectée ?

Evaluation par la barre AccessiWeb

Action
  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.9.
Evaluation
  1. Tous les éléments graphiques de la page s'affichent dans une nouvelle fenêtre avec, en dessous, l'extrait de code source correspondant.
  2. Repérer les images contenant du texte avec des polices standards.
  3. Si tel est le cas, ces textes sont sous forme d'images et le critère n'est pas respecté.

Plus d'informations

revenir en haut de la page

Critère 1.10 [Bronze] : Quand une image nécessite une description détaillée, un commentaire texte lui est-il associé ?

Evaluation par la barre AccessiWeb

Action
  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.10.
Evaluation
  1. Toutes les images de la page sont entourées d'un liseret rouge et sont précédées d'un extrait de code indiquant si l'attribut longdesc est présent ou non.
  2. Vérifier que chaque image nécessitant une description longue comporte l'attribut longdesc.
    Note : Pour revenir à la page initiale, recharger la page en cliquant sur la touche F5.

Plus d'informations

revenir en haut de la page

Critère 1.11 [Bronze] : Si une description détaillée de l'image est présente, son contenu est-il pertinent ?

Evaluation par la barre AccessiWeb

Action
  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.11.
Evaluation
  1. Toutes les images de la page sont entourées d'un liseret rouge et sont précédées d'un extrait de code indiquant si l'attribut longdesc est présent ou non.
  2. Quand un attribut longdesc est associé à une image, son contenu (lien vers un fichier de description) est affiché et il est cliquable.
  3. Pour chaque image comportant l'attribut longdesc, cliquer sur son contenu et vérifier la pertinence de la description longue associée.
    Note : Pour revenir à la page initiale, recharger la page en cliquant sur la touche F5.

Plus d'informations

revenir en haut de la page

Critère 1.12 [Bronze] : Pour chacune des images liens, le texte contenu dans l'attribut ALT donne-t-il la fonction du lien ?

Evaluation par la barre AccessiWeb

Action
  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.12.
Evaluation
  1. La liste des liens s'affiche dans une nouvelle fenêtre sous forme d'un tableau contenant le numéro du lien, son intitulé, son adresse Internet et le cas échéant, le contenu de l'attribut title. Les images cliquables (images qui sont en même temps des liens) sont aussi affichées avec le contenu de leur alternative textuelle.
  2. Pour chaque image cliquable, vérifier que l'alternative textuelle (contenu de l'attribut alt) qui lui est associée en donne bien la fonction.

Plus d'informations

revenir en haut de la page

Critère 1.13 [Or] : Est-ce que la taille utilisée pour chacune des images est appropriée par rapport au contexte dans lequel elle se trouve ?

Evaluation par la barre AccessiWeb

Ce critère n'est pas évaluable par la barre AccessiWeb.

Plus d'informations

revenir en haut de la page

Menu précédent : Informations générales Menu suivant : 2. Cadres

Mode d'emploi de la barre AccessiWeb (version 1.0, 19 juillet 2006) | Conditions d'utilisation | Contact