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