retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Aide à l'évaluation : Manuel Code Source

Aide à l'évaluation : Manuel Code Source

Cette page présente le Manuel d'aide à l'évaluation par le code source dont le contenu est extrait des fiches du Guide AccessiWeb (paragraphe "Comment évaluer [par le code source]").

Téléchargements :

Sommaire de la page

revenir en haut de la page

Présentation du manuel

Pourquoi ce manuel

L'association BrailleNet a mis en place depuis plus de 5 ans une méthode d'évaluation de l'accessibilité des sites Web (ie, AccessiWeb) à partir d'une grille de critères répartis en 3 niveaux (Bronze, Argent et Or).

Le 9 juin 2008, la version 1.1 du référentiel AccessiWeb a été publiée.

En collaboration avec de nombreux membres du Groupe de Travail AccessiWeb, l'association BrailleNet a mis à jour le Guide AccessiWeb le 9 juin 2008. Ce guide présente 95 fiches correspondantes aux 95 critères AccessiWeb des niveaux Bronze, Argent et Or.

Les nombreux retours des internautes ont montré que le Guide AccessiWeb répond à un vrai besoin d'explications détaillées sur l'accessibilité du Web. Par ailleurs, ces retours ont également fait remonter un besoin de documents opérationnels et d'outils aidant l'évaluation manuelle de l'accessibilité des sites Web.

En conséquence, l'association BrailleNet a décidé de mettre à jour le Manuel d'aide à l'évaluation des critères AccessiWeb sous la forme de 3 volumes. Chacun des volumes décrit une méthode opérationnelle spécifique. Toutes les informations présentées dans ces 3 volumes sont extraites du Guide AccessiWeb (en particulier du paragraphe "Comment évaluer" de chacune des fiches du Guide AccessiWeb).

revenir en haut de la page

Avertissement

Ce manuel propose une méthode d'évaluation des critères AccessiWeb v1.1 par le code source. Cette méthode d'évaluation est une aide proposée par l'association BrailleNet à tout internaute. En aucune manière, les résultats de l'évaluation par cette méthode engagent l'association BrailleNet et ne peuvent préfigurer de l'obtention du label AccessiWeb. Par ailleurs, l'association BrailleNet ne peut être tenue responsable d'aucune conséquence suite à l'utilisation de ce manuel.

revenir en haut de la page

Propriété et Conditions d'utilisation

Copyright © 2008 Association BrailleNet. Tous droits Réservés.

L'association BrailleNet est le propriétaire du Manuel AccessiWeb et de tous ses contenus. Vous pouvez utiliser ce document dans les conditions suivantes :

Note : licence basée sur la licence des documents du W3C. Cette licence s'applique spécifiquement au Manuel AccessiWeb. Notre licence autorise des extensions et des modifications du Manuel AccessiWeb, tant que les références vers le document original sont données et des copies de cette licence sont fournies. Aucun des documents référencés dans ce document émanant du W3C ou de son initiative WAI ne sont sujets aux conditions de cette licence.

En utilisant et/ou copiant ce document (Guide AccessiWeb), ou le document depuis lequel cette citation est liée, vous (la personne qui utilise un document sous cette licence) déclarez avoir lu, compris et accepté de vous conformer aux termes et conditions suivants :

Permission de copier, et distribuer les contenus de ce document ou du document depuis lequel cette citation est liée, sous toute forme, pour toute cause et sans qu'aucune rémunération ou droit ne soit accordé à condition que vous incluiez les informations suivantes sur toutes les copies du document (ou les portions de celui-ci) que vous avez utilisées :

Si l'espace est suffisant, l'inclusion du texte intégral de cette notice doit être faite. Nous demandons que la référence au nom de l'auteur (association BrailleNet) soit inscrite pour chaque logiciel, document, ou autre article ou produit que vous créerez à partir de l'implémentation des contenus de ce document ou de toute portion de celui-ci.

Cette licence autorise l'utilisation, la modification, et l'extension de ce document à toute organisation sans droits d'auteur, dans les conditions exprimées ci-dessus. Dans le cas de modifications en dehors de l'organisme de normalisation sélectionné ou de l'entité équivalente par le détenteur des droits, ni l'expression "Manuel AccessiWeb" ni le sigle "AccessiWeb" ne peuvent être utilisés pour dénommer le travail effectué.

Ce document est fourni "tel quel", et les détenteurs de droits d'auteurs n'assurent aucune garantie, explicite ou implicite, comprenant mais non limitée à des garanties propres aux règles commerciales, aux aptitudes pour un but particulier, non atteinte, ou à des règles de propriété; que les contenus de ce document sont appropriés pour toute cause ; ni que l'implémentation de tels contenus n'enfreindra pas de brevets, droits d'auteurs, marques ou tous autres droits faits pour des tiers.

Les détenteurs des droits ne seront pas responsables de tous dommages directs, indirects, spéciaux ou causés suite à l'utilisation de ce document ou de l'exécution ou l'implémentation des contenus de celui-ci.

Les noms et les marques des détenteurs des droits ne doivent pas être utilisés pour faire la promotion ou la publicité concernant ce document ou ses contenus sans permission préalable spécifique écrite. Le titre au copyright de ce document restera toujours la propriété des détenteurs des droits.

revenir en haut de la page

Contact

Toute demande concernant le Manuel AccessiWeb, son contenu ou ses conditions d'utilisation doit être soumise :

revenir en haut de la page

Manuel AccessiWeb (évaluation par le code source)

  1. Images
  2. Cadres
  3. Couleurs
  4. Multimédia
  5. Tableaux
  6. Liens
  7. Code exécutable
  8. Eléments obligatoires
  9. Structuration de l'information
  10. Présentation de l'information
  11. Formulaires
  12. Navigation
  13. Consultation

revenir en haut de la page

Thématique 1 : Images

Critère 1.1 : Chaque image a-t-elle une alternative textuelle ?

[ Niveau Bronze ]
[ Fiche 1.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <img src="image.gif" alt="alternative textuelle à l'image" />) :
      • balise img
      • balise img ou object avec l'attribut usemap
      • balises area contenues entre les balises <map name=[...]> et </map>
      • balise input avec l'attribut type="image"
      • balise applet
      • balise object avec l'attribut type="image/..."


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.1.a [Bronze] : Chaque image (balise img) a-t-elle un attribut alt ?
      • Test.1.1.b [Bronze] : Chaque zone (balise area) d'une image réactive a-t-elle un attribut alt ?
      • Test.1.1.c [Bronze] : Chaque bouton de formulaire (balise input avec l'attribut type="image") a-t-il un attribut alt ?
      • Test.1.1.d [Bronze] : Chaque image applet (balise applet) a-t-elle un attribut alt ?
      • Test.1.1.e [Bronze] : Chaque image objet (balise object avec l'attribut type="image/...") a-t-elle une alternative textuelle entre <object> et </object> ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.2 : Pour chaque image de décoration ayant une alternative textuelle, cette alternative est-elle vide ?

[ Niveau Bronze ]
[ Fiche 1.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les images de décoration.
      • Ouvrir le code source de la page Web et sélectionner le code des images de décoration identifiées. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <img src="image.gif" alt="alternative textuelle à l'image" />) :
        • balise img
        • balise img ou object avec l'attribut usemap
        • balises area contenues entre les balises <map name=[...]> et </map>
        • balise applet
        • balise object avec l'attribut type="image/..."


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.2.a [Bronze] : Pour chaque image de décoration (balise img) ayant un attribut alt, le contenu de cet attribut est-il vide (alt="") ?
      • Test.1.2.b [Bronze] : Pour chaque zone non cliquable (balise area avec l'attribut nohref), non porteuse d'information et ayant un attribut alt, le contenu de cet attribut est-il vide (alt="") ?
      • Test.1.2.c [Bronze] : Pour chaque image applet (balise applet) non porteuse d'information et ayant un attribut alt, le contenu de cet attribut est-il vide (alt="") ?
      • Test.1.2.d [Bronze] : Pour chaque image objet (balise object avec l'attribut type="image/...") non porteuse d'information, l'alternative textuelle entre <object> et </object> est-elle vide ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.3 : Pour chaque image porteuse d'information ayant une alternative textuelle, cette alternative est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 1.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les images porteuses d'information.
      • Ouvrir le code source de la page Web et sélectionner le code des images porteuses d'information identifiées. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <img src="image.gif" alt="alternative textuelle à l'image" />) :
        • balise img
        • balise img ou object avec l'attribut usemap
        • balises area contenues entre les balises <map name=[...]> et </map>
        • balise input avec l'attribut type="image"
        • balise applet
        • balise object avec l'attribut type="image/..."


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.3.a [Bronze] : Pour chaque image porteuse d'information (balise img) ayant un attribut alt, le contenu de cet attribut est-il pertinent ?
      • Test.1.3.b [Bronze] : Pour chaque zone (balise area) d'une image réactive, porteuse d'information et ayant un attribut alt, le contenu de cet attribut est-il pertinent ?
      • Test.1.3.c [Bronze] : Pour chaque bouton associé à une image (balise input avec l'attribut type="image") ayant un attribut alt, le contenu de cet attribut est-il pertinent ?
      • Test.1.3.d [Bronze] : Pour chaque image applet (balise applet) porteuse d'information et ayant un attribut alt, le contenu de cet attribut est-il pertinent ?
      • Test.1.3.e [Bronze] : Pour chaque image objet (balise object avec l'attribut type="image/...") porteuse d'information et ayant une alternative textuelle, l'alternative textuelle entre <object> et </object> est-elle pertinente ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.4 : Pour chaque image porteuse d'information ayant une alternative textuelle, cette alternative a-t-elle une longueur maximum de 80 caractères (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 1.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <img src="image.gif" alt="alternative textuelle à l'image" />) :
        • balise img
        • balise img ou object avec l'attribut usemap
        • balises area contenues entre les balises <map name=[...]> et </map>
        • balise input avec l'attribut type="image"
        • balise applet
      • Copier/coller le contenu de l'alternative textuelle des images porteuse d'information dans un éditeur de texte et compter le nombre de caractères (espaces et ponctuations compris).


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.4.a [Bronze] : Pour chaque image porteuse d'information (balise img) ayant un attribut alt, le contenu de cet attribut a-t-il une longueur maximum de 80 caractères (hors cas particuliers) ?
      • Test.1.4.b [Bronze] : Pour chaque zone (balise area) d'une image réactive, porteuse d'information et ayant un attribut alt, le contenu de cet attribut a-t-il une longueur maximum de 80 caractères (hors cas particuliers) ?
      • Test.1.4.c [Bronze] : Pour chaque bouton associé à une image (balise input avec l'attribut type="image") ayant un attribut alt, le contenu de cet attribut a-t-il une longueur maximum de 80 caractères (hors cas particuliers) ?
      • Test.1.4.d [Bronze] : Pour chaque image applet (balise applet) porteuse d'information et ayant un attribut alt, le contenu de cet attribut a-t-il une longueur maximum de 80 caractères (hors cas particuliers) ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.5 : Chaque image porteuse d'information a-t-elle si nécessaire une description détaillée ?

[ Niveau Bronze ]
[ Fiche 1.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les images porteuses d'information qui nécessitent une description détaillée.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <img src="image.gif" alt="alternative textuelle à l'image" longdesc="description_detaille.html" />) :
        • balise img
        • balise img ou balise object avec l'attribut usemap


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.5.a [Bronze] : Chaque image porteuse d'information (balise img, balise img ou balise object avec l'attribut usemap) qui nécessite une description détaillée a-t-elle un attribut longdesc ?
      • Test.1.5.b [Bronze] : Pour chaque image (balise img, balise img ou balise object avec l'attribut usemap) ayant un attribut longdesc, le contenu de cet attribut est-il une url valide ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.6 : Pour chaque image porteuse d'information ayant une description détaillée, cette description est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 1.6 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <img src="image.gif" alt="alternative textuelle à l'image" longdesc="description_detaillee.html" />) :
      • balise img
      • balise img ou balise object avec l'attribut usemap
      • balise object avec l'attribut type="image/..."


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.7 : Pour chaque image réactive, les zones cliquables sont-elles définies juste après la déclaration de l'image dans le code source ?

[ Niveau Bronze ]
[ Fiche 1.7 du Guide AccessiWeb ]

Commentaire
  • Comprendre le critère :
    • Toutes les zones cliquables côté client (balises area contenues dans la balise map) d'une image réactive doivent être définies juste après la déclaration de l'image dans le code source. La technologie des images réactives côté client est à privilégier par rapport à celle côté serveur.
    • Tous les liens alternatifs aux zones cliquables côté serveur doivent être définis juste après la déclaration de l'image dans le code source.
    [Pour plus d'informations, consulter les Bénéfices pour les utilisateurs.]
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les images réactives.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <map> <area href="page.html" coords="..." shape="..." alt="alternative textuelle à l'image" /> </map>) :
        • zones cliquables côté client :
          • balise img ou balise object avec l'attribut usemap
          • balise map avec l'attribut name (contenu identique à celui de l'attribut usemap)
          • balises area contenues entre les balises <map name=[...]> et </map>
        • zones cliquables côté serveur :
          • balise img avec l'attribut ismap
          • balise a avec l'attribut href


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.7.a [Bronze] : Pour chaque image réactive (balise img ou object avec l'attribut usemap), les zones cliquables (balises area contenues dans la balise map) sont-elles définies juste après la déclaration de l'image dans le code source ?
      • Test.1.7.b [Bronze] : Pour chaque image réactive côté serveur (balise img avec l'attribut ismap), les zones cliquables sont-elles doublées de liens texte juste après la déclaration de l'image dans le code source ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 1.8 : Pour chaque image réactive, les zones cliquables sont-elles ordonnées de manière pertinente dans le code source ?

[ Niveau Or ]
[ Fiche 1.8 du Guide AccessiWeb ]

Commentaire
  • Comprendre le critère : Toutes les zones cliquables d'une image réactive doivent être ordonnées dans le code source d'une manière pertinente par rapport au contexte dans lequel l'image réactive se trouve. Exemple : les zones réactives de la carte des départements français peuvent être ordonnées soit de manière alphabétique, soit par code postal... mais aussi d'une manière dépendante d'une information spécifique comme un circuit touristique, les étapes du Tour de France... L'internaute doit être informé de la manière dont les zones cliquables sont ordonnées. [Pour plus d'informations, consulter les Bénéfices pour les utilisateurs.]
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les images réactives.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <map> <area href="page.html" coords="..." shape="..." alt="alternative textuelle à l'image" /> </map>) :
        • balise img ou balise object avec l'attribut usemap
        • balise map avec l'attribut name (contenu identique à celui de l'attribut usemap)
        • balises area contenues entre les balises <map name=[...]> et </map>


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.8.a [Or] : Pour chaque image réactive (balise img ou object avec l'attribut usemap), les zones cliquables (balises area) sont-elles ordonnées de manière pertinente dans le code source ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 1.9 : Chaque image texte doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée ?

[ Niveau Argent ]
[ Fiche 1.9 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.1.9.a [Argent] : Chaque image texte (balise img) doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée ?
      • Test.1.9.b [Argent] : Pour chaque image réactive (balise img ou object avec l'attribut usemap), chaque zone texte (balise area) doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée ?
      • Test.1.9.c [Argent] : Pour chaque balise form, chacun de ses boutons "image texte" (balise input avec l'attribut type="image") doit si possible être remplacé par du texte stylé. Cette règle est-elle respectée ?
      • Test.1.9.d [Argent] : Chaque image texte applet (balise applet) doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée ?
      • Test.1.9.e [Argent] : Chaque image texte objet (balise object avec l'attribut type="image/...") doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

revenir au sommaire

Thématique 2 : Cadres

Critère 2.1 : Chaque cadre et chaque cadre en ligne a-t-il un attribut title ?

[ Niveau Bronze ]
[ Fiche 2.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <frame src="fichier.html" name="nom_du_cadre" title="titre du cadre" />) :
      • balise frame
      • balise iframe


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.2.1.a [Bronze] : Chaque cadre (balise frame) a-t-il un attribut title ?
      • Test.2.1.b [Bronze] : Chaque cadre en ligne (balise iframe) a-t-il un attribut title ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.2 : Pour chaque cadre et chaque cadre en ligne ayant un attribut title, le contenu de cet attribut est-il pertinent ?

[ Niveau Bronze ]
[ Fiche 2.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <frame src="fichier.html" name="nom_du_cadre" title="titre du cadre" />) :
        • balise frame
        • balise iframe
      • Identifier dans un navigateur graphique la fonction de tous les cadres.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.2.2.a [Bronze] : Pour chaque cadre (balise frame) ayant un attribut title, le contenu de cet attribut est-il pertinent ?
      • Test.2.2.b [Bronze] : Pour chaque cadre en ligne (balise iframe) ayant un attribut title, le contenu de cet attribut est-il pertinent ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.3 : Chaque jeu de cadres et chaque cadre en ligne a-t-il une alternative ?

[ Niveau Bronze ]
[ Fiche 2.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants :
      • la balise frameset
      • la balise iframe
      (Note : le contenu de l'alternative pour un cadre en ligne (balise iframe) est implémenté avant la balise fermante </iframe>).

    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.4 : Pour chaque jeu de cadres et chaque cadre en ligne ayant une alternative, cette alternative est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 2.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants :
      • la balise frameset
      • la balise iframe
      (Note : le contenu de l'alternative pour un cadre en ligne (balise iframe) est implémenté avant la balise fermante </iframe>).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.2.4.a [Bronze] : Pour chaque jeu de cadres (balise frameset), le contenu de la balise noframes propose-t-il une liste de liens permettant d'accèder directement au contenu de chaque cadre ?
      • Test.2.4.b [Bronze] : Pour chaque cadre en ligne (balise iframe), le contenu de l'alternative propose-t-il un lien permettant d'accéder directement au contenu de la balise iframe ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.5 : Chaque cadre et chaque cadre en ligne qui nécessite que sa nature et son fonctionnement soient décrits a-t-il un attribut longdesc ?

[ Niveau Argent ]
[ Fiche 2.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique la nature et le fonctionnement de tous les cadres.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <frame src="fichier.html" name="nom_du_cadre" title="titre du cadre" />) :
        • balise frame
        • balise iframe


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.2.5.a [Argent] : Chaque cadre (balise frame) qui nécessite que sa nature soit décrite a-t-il un attribut longdesc ?
      • Test.2.5.b [Argent] : Chaque cadre (balise frame) qui nécessite que son fonctionnement soit décrit a-t-il un attribut longdesc ?
      • Test.2.5.c [Argent] : Chaque cadre en ligne (balise iframe) qui nécessite que sa nature soit décrite a-t-il un attribut longdesc ?
      • Test.2.5.d [Argent] : Chaque cadre en ligne (balise iframe) qui nécessite que son fonctionnement soit décrit a-t-il un attribut longdesc ?
      • Test.2.5.e [Argent] : Pour chaque cadre (balise frame) ayant un attribut longdesc, le contenu de cet attribut est-il une url valide ?
      • Test.2.5.f [Argent] : Pour chaque cadre en ligne (balise iframe) ayant un attribut longdesc, le contenu de cet attribut est-il une url valide ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.6 : Pour chaque cadre et chaque cadre en ligne ayant un attribut longdesc, sa description détaillée est-elle pertinente ?

[ Niveau Argent ]
[ Fiche 2.6 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants :
      • la balise frame
      • la balise iframe


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.7 : Pour chaque cadre et chaque cadre en ligne, les barres de défilement peuvent-elles apparaître ?

[ Niveau Bronze ]
[ Fiche 2.7 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants :
      • la balise frame
      • la balise iframe


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.2.7.a [Bronze] : Pour chaque cadre (balise frame) ayant un attribut scrolling, le contenu de cet attribut est-il différent de no ?
      • Test.2.7.b [Bronze] : Pour chaque cadre en ligne (balise iframe) ayant un attribut scrolling, le contenu de cet attribut est-il différent de no ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 2.8 : Dans chaque page Web, y a-t-il un maximum de 3 cadres ou cadres en ligne ?

[ Niveau Or ]
[ Fiche 2.8 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants :
      • la balise frame
      • la balise iframe


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.2.8.a [Or] : Dans chaque page Web, y a-t-il un maximum de 3 cadres (balise frame) ou cadres en ligne (balise iframe) ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

revenir au sommaire

Thématique 3 : Couleurs

Critère 3.1 : Dans chaque page Web, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

[ Niveau Bronze ]
[ Fiche 3.1 du Guide AccessiWeb ]

Commentaire

Critère 3.2 : Dans chaque page Web, l'information ne doit pas être donnée uniquement par la couleur. L'implémentation de cette règle est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 3.2 du Guide AccessiWeb ]

Commentaire
  • Comprendre le critère : Aucune information doit être donnée uniquement par la couleur. L'implémentation de cette règle doit être pertinente. Elle doit fournir un moyen alternatif - autre que la couleur - pour accéder à l'information et doit rester présente quel que soit le mode d'accès de l'utilisateur à cette information. [Pour plus d'informations, consulter les Bénéfices pour les utilisateurs.]

Critère 3.3 : Dans chaque page Web, chaque contraste de couleurs est-il suffisamment élevé (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 3.3 du Guide AccessiWeb ]

Commentaire

revenir au sommaire

Thématique 4 : Multimédia

Critère 4.1 : Chaque objet multimédia a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 4.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
        • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
      • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 4.2 : Pour chaque objet multimédia ayant une transcription textuelle, cette alternative est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 4.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
        • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
      • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 4.3 : Chaque objet multimédia a-t-il si nécessaire des sous-titres synchronisés avec le contenu multimédia (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 4.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
        • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
      • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).
      • Lancer la lecture de chaque objet multimédia.
      • Vérifier la présence d'une information sonore.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 4.4 : Pour chaque objet multimédia ayant des sous-titres synchronisés avec le contenu multimédia, ces sous-titres sont-ils pertinents ?

[ Niveau Bronze ]
[ Fiche 4.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
        • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
      • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).
      • Lancer la lecture de chaque objet multimédia.
      • Vérifier la présence de sous-titres synchronisés.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 4.5 : Chaque objet multimédia a-t-il si nécessaire une audio-description synchronisée avec le contenu multimédia (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 4.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
        • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
      • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).
      • Lancer la lecture de chaque objet multimédia.
      • Vérifier la présence d'une information visuelle.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 4.6 : Pour chaque objet multimédia ayant une audio-description synchronisée avec le contenu multimédia, cette audio-description est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 4.6 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <object type="..." data="..."><param name="..." value="..." />...</object>) :
        • balise object de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise a avec l'attribut href de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • balise applet de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
        • Evènements générés par un script permettant de jouer ou de lancer un fichier de type son (wave, mp3, ...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...)
      • Identifier dans un navigateur graphique les objets multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...), de type animation (Flash, Java, SVG...).
      • Lancer la lecture de chaque objet multimédia.
      • Vérifier la présence d'une audio-description synchronisée.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 4.7 : La consultation de chaque objet multimédia est-elle contrôlable au moins par le clavier et la souris ?

[ Niveau Bronze ]
[ Fiche 4.7 du Guide AccessiWeb ]

Commentaire

revenir au sommaire

Thématique 5 : Tableaux

Critère 5.1 : Chaque tableau a-t-il un attribut summary ?

[ Niveau Or ]
[ Fiche 5.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise table (exemple de code source pour un tableau de mise en forme : <table summary="">).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.5.1.a [Or] : Chaque tableau (balise table) a-t-il un attribut summary ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 5.2 : Pour chaque tableau ayant un attribut summary, le contenu de cet attribut est-il pertinent ?

[ Niveau Or ]
[ Fiche 5.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique les tableaux de mise en forme et les tableaux de données.
      • Ouvrir le code source de la page Web et sélectionner le code de ces tableaux de données associé à tous les éléments suivants : balise table (par exemple: <table summary="résumé du tableau"> <caption>titre du tableau</caption> [...] </table>).


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.5.2.a [Or] : Pour chaque tableau de données (balise table) ayant un attribut summary, le contenu de cet attribut est-il pertinent ?
      • Test.5.2.b [Or] : Pour chaque tableau de mise en forme (balise table) ayant un attribut summary, le contenu de cet attribut est-il vide (summary="") ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 5.3 : Pour chaque tableau de mise en forme, la compréhension de son contenu est-elle identique quand le tableau est linéarisé ?

[ Niveau Bronze ]
[ Fiche 5.3 du Guide AccessiWeb ]

Commentaire

Critère 5.4 : Chaque tableau de données a-t-il une balise caption ?

[ Niveau Argent ]
[ Fiche 5.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique les tableaux de données.
      • Ouvrir le code source de la page Web et sélectionner le code de ces tableaux de données associé à tous les éléments suivants : balise table (par exemple: <table summary="résumé du tableau"> <caption>titre du tableau</caption> [...] </table>).


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 5.5 : Pour chaque tableau de données ayant une balise caption, le contenu de cette balise donne-t-il le titre du tableau ?

[ Niveau Argent ]
[ Fiche 5.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique les tableaux de données.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise table (exemple de code source pour un tableau de données : <table summary="résumé du tableau"><caption>Titre du tableau</caption).


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 5.6 : Pour chaque tableau de données, chaque en-tête de colonnes et chaque en-tête de lignes a-t-il une balise th ?

[ Niveau Bronze ]
[ Fiche 5.6 du Guide AccessiWeb ]

Commentaire

Critère 5.7 : Pour chaque tableau de données, la technique appropriée permettant d'associer chaque cellule avec ses en-têtes est-elle utilisée ?

[ Niveau Bronze ]
[ Fiche 5.7 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique les tableaux de données.
      • Ouvrir le code source de la page Web et sélectionner le code de ces tableaux de données associé à tous les éléments suivants (par exemple: <table summary="résumé du tableau"> <caption>titre du tableau</caption> <thead><th id="identifiant_en_tete" abbr="abréviation">intitulé d'en-tête</th></thead> <tbody> <tr><td headers="identifiant_en_tete">contenu de la cellule</td></tr> </tbody> </table>) :
        • balise table
        • balise th
        • balise td


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.5.7.a [Bronze] : Pour chaque tableau de données (balise table), une technique permettant d'associer chaque cellule (balise td) avec ses en-têtes (balise th) est-elle utilisée (attributs id/headers ou attribut scope) ?
      • Test.5.7.b [Bronze] : Pour chaque tableau de données (balise table) ayant une technique permettant d'associer chaque cellule (balise td) avec ses en-têtes (balise th), cette technique est-elle appropriée ?
      • Test.5.7.c [Bronze] : Pour chaque tableau de données (balise table) ayant une technique permettant d'associer chaque cellule (balise td) avec ses en-têtes (balise th), cette technique est-elle correctement implémentée ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 5.8 : Pour chaque tableau de données, chaque en-tête de colonnes et chaque en-tête de lignes dont l'intitulé dépasse 15 caractères a-t-il si possible un attribut abbr ?

[ Niveau Or ]
[ Fiche 5.8 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique les tableaux de données.
      • Ouvrir le code source de la page Web et sélectionner le code de ces tableaux de données associé à tous les éléments suivants (par exemple: <table summary="résumé du tableau"> <caption>titre du tableau</caption> <thead><th id="identifiant_en_tete" abbr="abréviation">intitulé d'en-tête</th></thead> <tbody> <tr><td headers="identifiant_en_tete">contenu de la cellule</td></tr> </tbody> </table>) :
        • balise table
        • balise th
        • balise td


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 5.9 : Pour chaque tableau de données, lorsqu'un en-tête de colonnes ou un en-tête de lignes a un attribut abbr, le contenu de cet attribut est-il pertinent ?

[ Niveau Or ]
[ Fiche 5.9 du Guide AccessiWeb ]

Commentaire

revenir au sommaire

Thématique 6 : Liens

Critère 6.1 : Chaque lien sans titre de lien est-il explicite hors contexte ?

[ Niveau Bronze ]
[ Fiche 6.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code des liens. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <a href="nomdefichier.html">intitulé de lien</a>) :
      • texte compris entre les balises <a href="..."> et </a>
      • balise img comprise entre les balises <a href="..."> et </a>
      • balises area contenues entre les balises <map name=[...]> et </map>
      • balise img et du texte compris entre les balises <a href="..."> et </a>.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 6.2 : Pour chaque lien ayant un titre de lien, ce titre est-il nécessaire ?

[ Niveau Bronze ]
[ Fiche 6.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code des liens. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <a href="nomdefichier.html" title="titre de lien">intitulé de lien</a>) :
      • texte compris entre les balises a et /a
      • balise img comprise entre les balises a et /a
      • balises area contenues entre les balises <map name=[...]> et </map>
      • balise img et du texte compris entre les balises a et /a.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 6.3 : Pour chaque lien ayant un titre de lien, ce titre est-il pertinent ?

[ Niveau Bronze ]
[ Fiche 6.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code des liens. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <a href="nomdefichier.html" title="titre de lien">intitulé de lien</a>) :
      • texte compris entre les balises a et /a
      • balise img comprise entre les balises a et /a
      • balises area contenues entre les balises <map name=[...]> et </map>
      • balise img et du texte compris entre les balises a et /a.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.6.3.a [Bronze] : Pour chaque lien texte ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
      • Test.6.3.b [Bronze] : Pour chaque lien image ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
      • Test.6.3.c [Bronze] : Pour chaque image réactive (balise img ou balise object avec un attribut usemap), pour chaque zone cliquable (balise area) ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?
      • Test.6.3.d [Bronze] : Pour chaque lien composite ayant un titre de lien (attribut title), le contenu de cet attribut est-il pertinent ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 6.4 : Chaque lien a-t-il une longueur maximum de 80 caractères (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 6.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code des liens. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <a href="nomdefichier.html" title="titre de lien">intitulé de lien </a>) :
      • texte compris entre les balises a et /a
      • balise img comprise entre les balises a et /a
      • balises area contenues entre les balises <map name=[...]> et </map>
      • balise img et du texte compris entre les balises a et /a.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 6.5 : Chaque lien identique a-t-il la même url ?

[ Niveau Bronze ]
[ Fiche 6.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code des liens. Il s'agit du code associé à tous les éléments suivants (exemple de code source : <a href="nomdefichier.html" title="titre de lien">intitulé de lien</a>) :
      • texte compris entre les balises a et /a
      • balise img comprise entre les balises a et /a
      • balises area contenues entre les balises <map name=[...]> et </map>
      • balise img et du texte compris entre les balises a et /a.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.6.5.a [Bronze] : Chaque lien texte identique a-t-il la même url ?
      • Test.6.5.b [Bronze] : Chaque lien image identique a-t-il la même url ?
      • Test.6.5.c [Bronze] : Pour chaque image réactive (balise img ou balise object avec un attribut usemap), chaque zone cliquable (balise area) identique a-t-elle la même url ?
      • Test.6.5.d [Bronze] : Chaque lien composite identique a-t-il la même url ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 6.6 : Dans chaque page Web, les liens sont-ils visuellement séparés de manière distincte ?

[ Niveau Or ]
[ Fiche 6.6 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Identifier dans un navigateur graphique tous les groupements de liens (suite de balises a).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.6.6.a [Or] : Dans chaque page Web, les liens sont-ils visuellement séparés de manière distincte ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

revenir au sommaire

Thématique 7 : Code exécutable

Critère 7.1 : Chaque code exécutable a-t-il si nécessaire une alternative ?

[ Niveau Bronze ]
[ Fiche 7.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les évènements générés par un code exécutable.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <script type="text/javascript">Script</script><noscript>Alternative au script</noscript>) :
        • balise script avec l'attribut type="text/..."
        • balise script avec l'attribut language="..."
        • balise a avec une commande javascript
        • balise a avec la commande javascript "window.open"
        • balise object
        • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 7.2 : Pour chaque code exécutable ayant une alternative, cette alternative est-elle pertinente ?

[ Niveau Bronze ]
[ Fiche 7.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les évènements générés par un code exécutable.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <script type="text/javascript">Script</script><noscript>Alternative au script</noscript>) :
        • balise script avec l'attribut type="text/..."
        • balise script avec l'attribut language="..."
        • balise a avec une commande javascript
        • balise a avec la commande javascript "window.open"
        • balise object
        • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.7.2.a [Bronze] : Pour chaque script débutant par la balise script et ayant une alternative, cette alternative est-elle pertinente ?
      • Test.7.2.b [Bronze] : Pour chaque script généré à partir d'un lien dont l'url contient une commande javascript et ayant une alternative, cette alternative est-elle pertinente ?
      • Test.7.2.c [Bronze] : Pour chaque événement généré par un code exécutable et ayant une alternative, cette alternative est-elle pertinente ?
      • Test.7.2.d [Bronze] : Pour chaque script déclenchant l'ouverture d'une nouvelle fenêtre et ayant une alternative, cette alternative est-elle pertinente ?
      • Test.7.2.e [Bronze] : Pour chaque code exécutable débutant par la balise object et ayant une alternative, cette alternative est-elle pertinente ?
      • Test.7.2.f [Bronze] : Pour chaque code exécutable débutant par la balise applet et ayant une alternative, cette alternative est-elle pertinente ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 7.3 : Chaque code exécutable est-il contrôlable au moins par le clavier et la souris ?

[ Niveau Argent ]
[ Fiche 7.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <a href="page.html" onmousedown="Action_Javascript_ou_Fonction()" onkeydown="Action_Javascript_ou_Fonction()">Lien</a>) :
        • balise script avec l'attribut type="text/..."
        • balise script avec l'attribut language="..."
        • balise object
        • balise applet
        • attribut onmousedown avec attribut onkeydown
        • attribut onmouseup avec attribut onkeyup
        • attribut onclick avec attribut onkeypress
        • attribut onmouseover avec attribut onfocus
        • attribut onmouseout avec attribut onblur
      • Identifier dans un navigateur graphique toutes les fonctionnalités générées par un code exécutable.


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 7.4 : Pour chaque fonctionnalité générée par la balise script et au moins activable par le clavier et la souris, l'utilisateur est-il informé si nécessaire du rôle et de l'état de cette fonctionnalité ?

[ Niveau Argent ]
[ Fiche 7.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <a href="page.html" onmousedown="Action_Javascript_ou_Fonction()" onkeydown="Action_Javascript_ou_Fonction()">Lien</a>) :
        • balise script avec l'attribut type="text/..."
        • balise script avec l'attribut language="..."
        • attribut onmousedown avec attribut onkeydown
        • attribut onmouseup avec attribut onkeyup
        • attribut onclick avec attribut onkeypress
        • attribut onmouseover avec attribut onfocus
        • attribut onmouseout avec attribut onblur
      • Identifier dans un navigateur graphique toutes les fonctionnalités générées par la balise script et au moins activable par le clavier et la souris.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.7.4.a [Argent] : Pour chaque fonctionnalité générée par la balise script et au moins activable par le clavier et la souris, l'utilisateur est-il informé si nécessaire du rôle et de l'état de cette fonctionnalité ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

revenir au sommaire

Thématique 8 : Eléments obligatoires

Critère 8.1 : Chaque page Web est-elle définie par un type de document et un jeu de caractères ?

[ Niveau Argent ]
[ Fiche 8.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">) :
      • balise doctype
      • balise meta avec l'attribut charset


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.1.a [Argent] : Pour chaque page Web, le type de document (balise doctype) est-il présent ?
      • Test.8.1.b [Argent] : Pour chaque page Web, le type de document (balise doctype) est-il valide ?
      • Test.8.1.c [Argent] : Pour chaque page Web, le jeu de caractères (attribut charset dans balise meta) est-il présent ?
      • Test.8.1.d [Argent] : Pour chaque page Web, le jeu de caractères (attribut charset dans balise meta) est-il valide ?
      • Test.8.1.e [Argent] : Pour chaque page Web, les éléments dépréciés ne doivent pas être utilisés. Cette règle est-elle respectée ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 8.2 : Pour chaque page Web, le code source est-il valide selon le type de document spécifié ?

[ Niveau Argent ]
[ Fiche 8.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise doctype (exemple de code source : <!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">).
      • Relever l'ensemble des balises et attributs utilisés dans le code source.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.2.a [Argent] : Les balises html sont-elles correctement implémentées dans le code source selon le type de type de document spécifié ?
      • Test.8.2.b [Argent] : Les attributs html sont-ils correctement implémentés dans le code source selon le type de type de document spécifié ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 8.3 : Dans chaque page Web, la langue par défaut est-elle présente ?

[ Niveau Bronze ]
[ Fiche 8.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise html avec l'attribut lang (exemple de code source : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.3.a [Bronze] : Pour chaque page Web, la langue par défaut (attribut lang associé à la balise html) est-elle présente ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.4 : Pour chaque page Web ayant une langue par défaut, le code langue est-il valide ?

[ Niveau Bronze ]
[ Fiche 8.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise html avec l'attribut lang (exemple de code source : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.4.a [Bronze] : Pour chaque page Web ayant une langue par défaut (attribut lang associé à la balise html), le contenu de l'attribut lang est-il valide ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.5 : Chaque page Web a-t-elle un titre de page ?

[ Niveau Bronze ]
[ Fiche 8.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise title dans l'élément head (exemple de code source : <title>Titre de la page</title>).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.5.a [Bronze] : Chaque page Web a-t-elle un titre de page (balise title) ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.6 : Pour chaque page Web ayant un titre de page, ce titre est-il pertinent ?

[ Niveau Bronze ]
[ Fiche 8.6 du Guide AccessiWeb ]

Commentaire
  • Comprendre le critère : Le titre de chaque page Web doit être pertinent, c'est-à-dire que le contenu de la balise title de chaque page Web doit permettre d'identifier de manière claire, concise et unique les contenus/la nature de la page (comme par exemple, "Plan du site www.nomdusite.fr" pour une page présentant le plan du site Web"). [Pour plus d'informations, consulter les Bénéfices pour les utilisateurs.]
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise title dans l'élément head (exemple de code source : <title>Titre de la page</title>).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.6.a [Bronze] : Pour chaque page Web ayant un titre de page (balise title), le contenu de cette balise est-il pertinent ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.7 : Dans le site Web, le titre de chaque page est-il unique ?

[ Niveau Bronze ]
[ Fiche 8.7 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise title dans l'élément head (exemple de code source : <title>Titre de la page</title>).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.7.a [Bronze] : Dans le site Web, le titre de chaque page (balise title) est-il unique ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.8 : Dans chaque page Web, chaque changement de langue par rapport à la langue par défaut est-il indiqué dans le code source (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 8.8 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier la langue par défaut de la page Web : ouvrir le code source de la page Web et sélectionner le code associé à la balise html avec l'attribut lang (exemple de code source : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">).
      • Identifier tous les changements de langue (par rapport à la langue par défaut de la page Web) des mots, des expressions, des noms, des parties de phrase, des paragraphes entiers ainsi que du contenu des alternatives textuelles des images et des liens.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.8.a [Bronze] : Dans chaque page Web, chaque changement de langue (attribut lang) par rapport à la langue par défaut est-il indiqué dans le code source (hors cas particuliers) ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.9 : Dans chaque page Web, chaque changement de langue indiqué par rapport à la langue par défaut est-il pertinent (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 8.9 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier la langue par défaut de la page Web : ouvrir le code source de la page Web et sélectionner le code associé à la balise html avec l'attribut lang (exemple de code source : <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">).
      • Identifier tous les changements de langue (par rapport à la langue par défaut de la page Web) des mots, des expressions, des noms, des parties de phrase, des paragraphes entiers ainsi que du contenu des alternatives textuelles des images et des liens.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.9.a [Bronze] : Dans chaque page Web, pour chaque changement de langue indiqué par l'attribut lang, le contenu de cet attribut est-il pertinent (hors cas particuliers) ?
      • Test.8.9.b [Bronze] : Pour chaque changement de langue indiqué par l'attribut lang, le contenu de cet attribut est-il valide (hors cas particuliers) ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 8.10 : Dans chaque page Web, il ne doit pas y avoir de détournement de balises. Cette règle est-elle respectée ?

[ Niveau Argent ]
[ Fiche 8.10 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les effets de mise en forme de l'information (indentation, mise en gras...) ainsi que la présence de listes, de citations, de titres...
      • Ouvrir le code source de la page Web et identifier les balises utilisées pour l'ensemble de ces éléments d'information.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.10.a [Argent] : Dans chaque page Web, il ne doit pas y avoir de détournement de balises. Cette règle est-elle respectée ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 8.11 : Dans chaque page Web, chaque abréviation a-t-elle une balise appropriée ?

[ Niveau Or ]
[ Fiche 8.11 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les abréviations de type acronyme et sigle.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <abbr title="Régie Autonome des Transports Parisiens">RATP</abbr>) :
        • balise abbr
        • balise acronym


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.11.a [Or] : Dans chaque page Web, chaque acronyme a-t-il une balise appropriée (balise acronym) ?
      • Test.8.11.b [Or] : Dans chaque page Web, chaque sigle a-t-il une balise appropriée (balise abbr) ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 8.12 : Dans chaque page Web, la première occurrence de chaque abréviation a-t-elle une balise appropriée avec un attribut title ?

[ Niveau Or ]
[ Fiche 8.12 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les abréviations de type acronyme et sigle.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <abbr title="Régie Autonome des Transports Parisiens">RATP</abbr>) :
        • balise abbr
        • balise acronym


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.12.a [Or] : Dans chaque page Web, la première occurrence de chaque acronyme a-t-elle une balise appropriée (balise acronym) avec un attribut title ?
      • Test.8.12.b [Or] : Dans chaque page Web, la première occurrence de chaque sigle a-t-elle une balise appropriée (balise abbr) avec un attribut title ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 8.13 : Pour chaque abréviation ayant un attribut title, le contenu de cet attribut est-il pertinent ?

[ Niveau Or ]
[ Fiche 8.13 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les abréviations de type acronyme et sigle.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <abbr title="Régie Autonome des Transports Parisiens">RATP</abbr>) :
        • balise abbr
        • balise acronym


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.8.13.a [Or] : Pour chaque acronyme (balise acronym) ayant un attribut title, le contenu de cet attribut est-il pertinent ?
      • Test.8.13.b [Or] : Pour chaque sigle (balise abbr) ayant un attribut title, le contenu de cet attribut est-il pertinent ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

revenir au sommaire

Thématique 9 : Structuration de l'information

Critère 9.1 : Dans le site Web, chaque page Web d'un ensemble de pages a-t-elle une présentation similaire et une structure similaire ?

[ Niveau Or ]
[ Fiche 9.1 du Guide AccessiWeb ]

Commentaire

Critère 9.2 : Dans chaque page Web, l'information est-elle structurée par l'utilisation appropriée de titres ?

[ Niveau Argent ]
[ Fiche 9.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les titres servant à structurer les informations dans la page.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : balise h (exemple de code source : <h1>Titre principal de la page</h1>).


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.9.2.a [Argent] : Dans chaque page Web, y a-t-il un titre de niveau 1 (balise h1) ?
      • Test.9.2.b [Argent] : Dans chaque page Web, la hiérarchie entre les titres (balises h) est-elle pertinente ?
      • Test.9.2.c [Argent] : Dans chaque page Web, chaque titre (balise h) nécessaire à la structure de l'information est-il présent ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 9.3 : Dans chaque page Web, chaque liste est-elle structurée avec les balises appropriées ?

[ Niveau Argent ]
[ Fiche 9.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les informations présentées sous forme de listes.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <ul><li>Premier item de la liste</li></ul>) :
        • balise ul avec la balise li
        • balise ol avec la balise li
        • balise dl avec les balises dt/dd


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.9.3.a [Argent] : Dans chaque page Web, les informations regroupées sous forme de listes non ordonnées utilisent-elles les balises ul et li ?
      • Test.9.3.b [Argent] : Dans chaque page Web, les informations regroupées sous forme de listes ordonnées utilisent-elles les balises ol et li ?
      • Test.9.3.c [Argent] : Dans chaque page Web, les informations regroupées sous forme de listes de définitions utilisent-elles les balises dl et dt/dd ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 9.4 : Dans le site Web, y a-t-il une page "plan du site" ?

[ Niveau Argent ]
[ Fiche 9.4 du Guide AccessiWeb ]

Commentaire

Critère 9.5 : Dans chaque page Web, la page "plan du site" est-elle atteignable de manière identique ?

[ Niveau Argent ]
[ Fiche 9.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source des pages Web du site et identifier les fonctionnalités qui permettent d'accéder à la page "plan du site".

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.9.5.a [Argent] : Dans chaque page Web, la page "plan du site" est-elle atteignable à partir d'une fonctionnalité identique ?
      • Test.9.5.b [Argent] : Dans chaque page Web, la fonctionnalité vers la page "plan du site" est-elle située à la même place dans la présentation ?
      • Test.9.5.c [Argent] : Dans chaque page Web, la fonctionnalité vers la page "plan du site" est-elle située à la même place dans le code source ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 9.6 : Dans le site Web, y a-t-il une section décrivant l'accessibilité du site ?

[ Niveau Argent ]
[ Fiche 9.6 du Guide AccessiWeb ]

Commentaire

Critère 9.7 : Dans chaque page Web, la section décrivant l'accessibilité du site est-elle atteignable de manière identique ?

[ Niveau Argent ]
[ Fiche 9.7 du Guide AccessiWeb ]

Commentaire

Critère 9.8 : Dans le site Web, y a-t-il un moteur de recherche ?

[ Niveau Or ]
[ Fiche 9.8 du Guide AccessiWeb ]

Commentaire

Critère 9.9 : Dans chaque page Web, le moteur de recherche est-il atteignable de manière identique ?

[ Niveau Or ]
[ Fiche 9.9 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source des pages Web du site et identifier les fonctionnalités qui permettent d'accéder au moteur de recherche.

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.9.9.a [Or] : Dans chaque page Web, le moteur de recherche est-il atteignable à partir d'une fonctionnalité identique ?
      • Test.9.9.b [Or] : Dans chaque page Web, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans la présentation ?
      • Test.9.9.c [Or] : Dans chaque page Web, la fonctionnalité vers le moteur de recherche est-elle située à la même place dans le code source ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 9.10 : Dans la page des résultats du moteur de recherche, le mode d'emploi de celui-ci est-il si nécessaire clairement expliqué et la présentation des résultats de la recherche est-elle pertinente ?

[ Niveau Or ]
[ Fiche 9.10 du Guide AccessiWeb ]

Commentaire
  • Comprendre le critère : La page des résultats du moteur de recherche doit avoir si nécessaire :
    • un mode d'emploi expliquant clairement et simplement la façon dont les résultats de la recherche sont affichés dans la page, si la complexité de celle-ci le requiert.
    • une navigation supplémentaire appropriée pour avoir accès à l'ensemble des résultats (liens de pagination s'il y a plusieurs pages de résultats, nombre total de réponses trouvées, nombre total de réponses affichées par page).
    [Pour plus d'informations, consulter les Bénéfices pour les utilisateurs.]
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Identifier dans un navigateur graphique la page de résultats de la recherche. Consulter cette page.

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.9.10.a [Or] : Dans la page des résultats du moteur de recherche, le mode d'emploi de celui-ci est-il si nécessaire clairement expliqué ?
      • Test.9.10.b [Or] : Dans la page des résultats du moteur de recherche, la présentation des résultats est-elle pertinente ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

revenir au sommaire

Thématique 10 : Présentation de l'information

Critère 10.1 : Dans le site Web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l'information ?

[ Niveau Argent ]
[ Fiche 10.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants :
      • les balises servant à la présentation de l'information
      • les attributs servant à la présentation de l'information


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.10.1.a [Argent] : Dans le site Web, les balises servant à la présentation de l'information ne doivent pas être présentes dans le code source des pages. Cette règle est-elle respectée ?
      • Test.10.1.b [Argent] : Dans le site Web, les attributs servant à la présentation de l'information ne doivent pas être présents dans le code source des pages. Cette règle est-elle respectée ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 10.2 : Dans chaque page Web, le contenu visible reste-t-il présent lorsque les feuilles de styles sont désactivées ?

[ Niveau Bronze ]
[ Fiche 10.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.10.2.a [Bronze] : Dans chaque page Web, l'information reste-t-elle présente lorsque les feuilles de styles sont désactivées ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 10.3 : Dans chaque page Web, l'information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

[ Niveau Bronze ]
[ Fiche 10.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.10.3.a [Bronze] : Dans chaque page Web, l'ordre de lecture de l'information dans le code source est-il cohérent ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 10.4 : Dans chaque page Web, l'ordre de tabulation est-il logique ?

[ Niveau Argent ]
[ Fiche 10.4 du Guide AccessiWeb ]

Commentaire

Critère 10.5 : Dans les feuilles de styles du site Web, des valeurs relatives sont-elles toujours utilisées pour contrôler la présentation de l'information ?

[ Niveau Argent ]
[ Fiche 10.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <style type="text/css"> -- Définition des styles; --></style>) :
        • feuilles de style du document (déclaré entre les balises <style> et </style)
        • feuilles de style en ligne, (déclaré en temps qu'attribut des balises : <balise style="style:valeur;"> ... </balise)
        • feuilles de style externe, (déclaré dans un fichier externe dont l'extension est .css : <link rel=stylesheet href="styles.css" type="text/css">)
        • feuilles de style importé, (déclaré dans un fichier externe dont l'extension est .css : @import url (url de la feuille à importer); entre les balises <style> et </style)
      • Ouvrir la page Web dans un navigateur graphique
      • Augmenter la taille du texte à "La plus grande" dans le navigateur Internet Explorer.


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.10.5.a [Argent] : Dans les feuilles de styles du site Web, les unités non relatives (pt, pc, mm, cm, in) ne doivent pas être utilisées. Cette règle est-elle respectée ?
      • Test.10.5.b [Argent] : Dans chaque page Web, l'augmentation de la taille des caractères ne doit pas provoquer de perte d'information. Cette règle est-elle respectée ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

revenir au sommaire

Thématique 11 : Formulaires

Critère 11.1 : Dans chaque formulaire, l'intitulé de chacun de ses champs a-t-il une balise label avec ses attributs correspondants id et for ?

[ Niveau Argent ]
[ Fiche 11.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <label for="identifiant_du_champ"> [nom du champ] </label> <input [...] id="identifiant_du_champ" />) :
      • balise label et balise input
      • balise label et balise textarea
      • balise label et balise select


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.11.1.a [Argent] : Pour chaque champ de formulaire (balises input, textarea et select), son intitulé a-t-il une balise label ?
      • Test.11.1.b [Argent] : Pour chaque champ de formulaire (balises input, textarea et select) ayant une balise label, la technique permettant de le lier à son intitulé (balise label avec attribut for et balises input/textarea/select avec attribut id) est-elle présente ?
      • Test.11.1.c [Argent] : Pour chaque champ de formulaire (balises input, textarea et select), l'identifiant utilisé par l'attribut id est-il unique ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 11.2 : Dans chaque formulaire, l'intitulé de chaque champ est-il pertinent ?

[ Niveau Argent ]
[ Fiche 11.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <label for="identifiant_du_champ"> [nom du champ] </label> <input [...] id="identifiant_du_champ" />) :
      • balise label et balise input
      • balise label et balise textarea
      • balise label et balise select


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 11.3 : Dans chaque formulaire, chaque intitulé de champ et son champ associé sont-ils accolés ?

[ Niveau Argent ]
[ Fiche 11.3 du Guide AccessiWeb ]

Commentaire

Critère 11.4 : Dans chaque formulaire, chacun des blocs d'informations de même nature a-t-il si nécessaire une balise fieldset ?

[ Niveau Argent ]
[ Fiche 11.4 du Guide AccessiWeb ]

Commentaire

Critère 11.5 : Chaque balise fieldset est-elle suivie dans le code source par une balise legend ?

[ Niveau Argent ]
[ Fiche 11.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <fieldset><legend>Titre du Bloc d'information de même nature</legend>Bloc d'information de même nature</fieldset>) :
      • balise fieldset
      • balise legend


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.11.5.a [Argent] : Chaque balise fieldset est-elle suivie dans le code source par une balise legend ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 11.6 : Dans chaque formulaire, le contenu de la balise legend de chaque bloc d'informations de même nature est-il pertinent ?

[ Niveau Argent ]
[ Fiche 11.6 du Guide AccessiWeb ]

Commentaire

Critère 11.7 : Dans chaque formulaire, chaque liste de choix est-elle structurée de manière pertinente ?

[ Niveau Argent ]
[ Fiche 11.7 du Guide AccessiWeb ]

Commentaire
  • Comprendre le critère : Toutes les listes de choix de tous les formulaires doivent être structurées de manière pertinente. Par exemple: les départements français peuvent être ordonnés soit de manière alphabétique, soit par code postal... mais aussi d'une manière dépendante d'une information spécifique comme un circuit touristique, les étapes du Tour de France... [Pour plus d'informations, consulter les Bénéfices pour les utilisateurs.]
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique toutes les listes de choix.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <select><option>Pays 1</option></select>) :
        • balise select avec la balise option
        • balise select avec la balise optgroup et l'attribut label


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.11.7.a [Argent] : Dans chaque formulaire, pour chaque liste de choix (balise select), l'ordre des items (balise option) est-il donné de manière pertinente dans le code source ?
      • Test.11.7.b [Argent] : Dans chaque formulaire, pour chaque liste de choix (balise select), l'ordre des balises optgroup est-il donné de manière pertinente dans le code source ?
      • Test.11.7.c [Argent] : Chaque balise optgroup a-t-elle un attribut label ?
      • Test.11.7.d [Argent] : Pour chaque balise optgroup ayant un attribut label, le contenu de cet attribut est-il pertinent ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 11.8 : Dans chaque formulaire, chaque bouton est-il contrôlable au moins par le clavier et la souris ?

[ Niveau Bronze ]
[ Fiche 11.8 du Guide AccessiWeb ]

Commentaire

Critère 11.9 : Dans chaque formulaire, chaque bouton sans alternative textuelle est-il explicite visuellement ?

[ Niveau Bronze ]
[ Fiche 11.9 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <button type="submit">Lancer votre recherche</button>) :
      • balise button avec type="submit"
      • balise button avec type="reset"
      • balise button avec type="button"
      • balise input avec type="submit"
      • balise input avec type="reset"
      • balise input avec type="button"


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 11.10 : Pour chaque formulaire, le contrôle de saisie est-il accessible ?

[ Niveau Bronze ]
[ Fiche 11.10 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.11.10.a [Bronze] : Pour chaque formulaire, les champs obligatoires sont-ils signalés de manière pertinente ?
      • Test.11.10.b [Bronze] : Pour chaque formulaire, les erreurs de saisie sont-elles indiquées de manière accessible ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

revenir au sommaire

Thématique 12 : Navigation

Critère 12.1 : Dans chaque ensemble de pages, chaque page Web a-t-elle un menu de navigation identique ?

[ Niveau Argent ]
[ Fiche 12.1 du Guide AccessiWeb ]

Commentaire

Critère 12.2 : Chaque page Web a-t-elle si nécessaire des liens de navigation interne ?

[ Niveau Or ]
[ Fiche 12.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les liens de navigation interne.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants : a avec attribut href=#identifiant" (exemple de code source : <a href="nomdelapage.html#contenu">Accéder directement au contenu de la page</a>).


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 12.3 : Dans chaque page d'un ensemble de pages Web, chaque raccourci clavier défini pour cet ensemble de pages est-il implémenté de manière pertinente et identique ?

[ Niveau Or ]
[ Fiche 12.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source des pages Web du site et sélectionner le code associé à tous les éléments suivants : attribut accesskey (exemple de code source : <a href="nomdusite.fr" accesskey="1">Retour à la page d'accueil du site nomdusite.fr</a>).

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.12.3.a [Or] : Dans chaque page d'un ensemble de pages Web, chaque raccourci clavier (attribut accesskey) défini pour cet ensemble de pages est-il présent ?
      • Test.12.3.b [Or] : Dans chaque page Web ayant des raccourcis clavier (attribut accesskey), chaque raccourci clavier est-il implémenté de manière pertinente ?
      • Test.12.3.c [Or] : Dans chaque ensemble de pages Web, pour chaque page ayant des raccourcis clavier (attribut accesskey), chaque raccourci clavier est-il implémenté de manière identique ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 12.4 : Dans chaque page Web, chaque raccourci clavier obligatoire est-il présent ?

[ Niveau Or ]
[ Fiche 12.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : Ouvrir le code source des pages Web du site et sélectionner le code associé à tous les éléments suivants : attribut accesskey (exemple de code source : <a href="nomdusite.fr" accesskey="1">Retour à la page d'accueil du site nomdusite.fr</a>).

    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

revenir au sommaire

Thématique 13 : Consultation

Critère 13.1 : Pour chaque page Web, l'utilisateur a-t-il le contrôle de chaque procédé de rafraîchissement ?

[ Niveau Bronze ]
[ Fiche 13.1 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <meta http-equiv="refresh" content="fréquence du rafraîchissement en seconde" url="nom_de_la_page.html" />) :
      • balise meta avec l'attribut http-equiv="refresh"
      • fonction javascript
      • balise object
      • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.13.1.a [Bronze] : Pour chaque page Web, chaque procédé de rafraîchissement (code, script, balise object, balise applet) est-il désactivable par l'utilisateur ?
      • Test.13.1.b [Bronze] : Pour chaque page Web, chaque procédé de rafraîchissement (code, script, balise object, balise applet) est-il activable par l'utilisateur ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 13.2 : Chaque redirection automatique de page Web s'effectue-t-elle côté serveur ?

[ Niveau Argent ]
[ Fiche 13.2 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <meta http-equiv="refresh" content="délai pour la redirection en seconde" url="nom_de_la_page.html" />) :
      • balise meta avec l'attribut http-equiv="refresh"
      • fonction javascript


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 13.3 : Dans chaque page Web, pour chaque ouverture de nouvelle fenêtre, l'utilisateur est-il averti ?

[ Niveau Argent ]
[ Fiche 13.3 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester : ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <a href="nomdusite.html" target="_blank">Visitez nomdusite (nouvelle fenêtre)</a>) :
      • balise a avec l'attribut target="_blank" ou "_new"
      • balise a avec l'évènement javascript "window.open"
      • balise object
      • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
      • Test.13.3.a [Argent] : Dans chaque page Web, pour chaque ouverture de nouvelle fenêtre (attribut target=_blank, script, balises object ou applet) l'utilisateur est-il averti ?

    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 13.4 : Dans chaque page Web, pour chaque fichier en téléchargement, des informations relatives à sa consultation sont-elles présentes (hors cas particuliers) ?

[ Niveau Bronze ]
[ Fiche 13.4 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les fichiers en téléchargement.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <a href="fichier_en_téléchargement.pdf">Télécharger le fichier (pdf, 450 ko)</a>) :
        • balise a avec l'attribut href="fichier_en_téléchargement.(pdf, doc...)"
        • balise object
        • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Critère 13.5 : Dans chaque page Web, chaque fichier en téléchargement a-t-il si nécessaire un fichier alternatif dans un format accessible ?

[ Niveau Or ]
[ Fiche 13.5 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les fichiers en téléchargement.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <a href="fichier_en_téléchargement.pdf">Télécharger le fichier (pdf, 450 ko)</a>) :
        • balise a avec l'attribut href="fichier_en_téléchargement.(pdf, doc...)"
        • balise object
        • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 13.6 : Dans chaque page Web, pour chaque fichier en téléchargement ayant un fichier alternatif dans un format accessible, le contenu de ce fichier est-il pertinent ?

[ Niveau Or ]
[ Fiche 13.6 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :
      • Identifier dans un navigateur graphique tous les fichiers alternatifs dans un format accessible associés aux fichiers en téléchargement.
      • Ouvrir le code source de la page Web et sélectionner le code associé à tous fichiers alternatifs (exemple de code source : <a href="fichier_alternatif.txt">fichier alternatif (txt, 20 ko)</a>) :
        • balise a avec l'attribut href="fichier_alternatif.(html, txt)"
        • balise object
        • balise applet


    2. Appliquer le(s) test(s) suivant(s) :
    3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.

Critère 13.7 : Dans chaque page Web, chaque information dans un format spécifique est-elle contrôlable au moins par le clavier et la souris ?

[ Niveau Bronze ]
[ Fiche 13.7 du Guide AccessiWeb ]

Commentaire
  • Comment évaluer le critère :

    1. Sélectionner le(s) élément(s) à tester :

    2. Appliquer le(s) test(s) suivant(s) :
      • Test.13.7.a [Bronze] : Dans chaque page Web, chaque information qui défile est-elle contrôlable au moins par le clavier et la souris ?
      • Test.13.7.b [Bronze] : Dans chaque page Web, chaque image animée (balise img ou balise object) qui provoque un changement brusque de luminosité ou un effet de flash est-elle contrôlable au moins par le clavier et la souris ?
      • Test.13.7.c [Bronze] : Dans chaque page Web, chaque script qui provoque un changement brusque de luminosité ou un effet de flash est-il contrôlable au moins par le clavier et la souris ?
      • Test.13.7.d [Bronze] : Dans chaque page Web, chaque contenu généré par une feuille de style qui provoque un changement brusque de luminosité ou un effet de flash est-il contrôlable au moins par le clavier et la souris ?
      • Test.13.7.e [Bronze] : Dans chaque page Web, chaque applet java qui provoque un changement brusque de luminosité ou un effet de flash est-elle contrôlable au moins par le clavier et la souris ?
      • Test.13.7.f [Bronze] : Dans chaque page Web, chaque image animée (balise img ou balise object) qui provoque un clignotement est-elle contrôlable au moins par le clavier et la souris ?
      • Test.13.7.g [Bronze] : Dans chaque page Web, chaque script qui provoque un clignotement est-il contrôlable au moins par le clavier et la souris ?
      • Test.13.7.h [Bronze] : Dans chaque page Web, chaque contenu généré par une feuille de style qui provoque un clignotement est-il contrôlable au moins par le clavier et la souris ?
      • Test.13.7.i [Bronze] : Dans chaque page Web, chaque applet java qui provoque un clignotement est-elle contrôlable au moins par le clavier et la souris ?
      • Test.13.7.j [Bronze] : Dans chaque page Web, chaque image animée (balise img ou balise object) qui provoque un mouvement est-elle contrôlable au moins par le clavier et la souris ?
      • Test.13.7.k [Bronze] : Dans chaque page Web, chaque script qui provoque un mouvement est-il contrôlable au moins par le clavier et la souris ?
      • Test.13.7.l [Bronze] : Dans chaque page Web, chaque contenu généré par une feuille de style qui provoque un mouvement est-il contrôlable au moins par le clavier et la souris ?
      • Test.13.7.m [Bronze] : Dans chaque page Web, chaque applet java qui provoque un mouvement est-elle contrôlable au moins par le clavier et la souris ?

    3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

revenir au sommaire


revenir en haut de la page

Guide AccessiWeb (version 3.0.1 temporaire, 17 novembre 2008) | Conditions d'utilisation | Contact
Copyright © 2008 Association BrailleNet. Tous droits Réservés.