Guide AccessiWeb

1. Accueil
2. Mode d'emploi
3. Structure d'une fiche
4. Fiches AccessiWeb
   • 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
5. Glossaire
6. Aide à l'évaluation
   • Liste d'outils
   • Manuel Code Source
   • Manuel WAT [Internet Explorer]
   • Manuel Web Dev [Firefox]
7. Référentiel AccessiWeb
   • AccessiWeb v1.1 [Général]
   • AccessiWeb v1.1 [Déployé]
   • AccessiWeb v1.0
8. Tables de correspondance
   • AW v1 vers AW v1.1 [Général]
   • AW v1.1 [Général] vers AW v1.1 [Déployé]
   • AW v1.1 [Général] vers WCAG 1.0
   • AW v1.1 [Général] vers UWEM 1.0
   • AW v1.1 [Déployé] vers UWEM 1.0
   • AW v1.1 [Général] vers WCAG 2.0
   • AW v1.1 [Général] vers mobileOK Basic 1.0
   • AW v1.1 [Général] vers RGAA
9. Moteur de recherche
10. Références
11. Remerciements
12. Plan du guide

Aide à l'évaluation : Manuel Barre Web Developper [Firefox]

Sommaire de la page

• Présentation du manuel
  • Pourquoi ce manuel
  • Avertissement
  • Propriété et Conditions d'utilisation
  • Contact
  
  
• Manuel AccessiWeb (évaluation par la barre Web Developper [Firefox])
  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

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).

• Le volume 1 porte sur l'évaluation par le code source,
• le volume 2 sur l'évaluation par la barre d'accessibilité version 2.0 pour Internet Explorer,
• le volume 3 sur l'évaluation par la barre d'accessibilité Web Developer 1.1.4 pour Firefox.

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 :

• le lien (Manuel AccessiWeb) avec l'URL suivante vers le document original : http://www.accessiweb.org/fr/groupe_travail_accessibilite_du_web/manuel_accessiweb/
• la notice de droit d'auteur pré-existante du document original ou, si elle n'existe pas, la notice (un lien hypertexte est préférable mais une représentation textuelle est permise) "Copyright © 2008 Association BrailleNet. Tous droits Réservés."
• le statut du document.

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 :

• soit par courrier postal à l'adresse suivante:
  
  Association BrailleNet
  INSERM U592 - UPMC B23
  9 quai Saint Bernard
  75252 Paris Cedex 05
  France
  
  
• soit par courrier électronique à guide@accessiweb.org.

revenir en haut de la page

Manuel AccessiWeb (évaluation par la barre Web Developper [Firefox])

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

Test(s) AccessiWeb permettant de vérifier le critère 1.1 :

• 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> ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.1.a [Bronze] et le test 1.1.c [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  4. Vérifier que chaque image a un attribut alt (Note : si aucun attribut alt est présent, le texte "non spécifié" est affiché pour le champ "Texte alternatif").
  5. Si c'est le cas, le test est validé.


• Pour le test 1.1.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot area (ctrl + f), vérifier que chaque zone d'une image réactive a un attribut alt.
5. Si c'est le cas, le test est validé.


• Pour le test 1.1.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque image applet a un attribut alt.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.1.e [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  4. Vérifier que chaque image objet a une alternative textuelle (Note : si aucune alternative textuelle est présente, le texte "non spécifié" est affiché pour le champ "Texte alternatif").
  5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.2 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.2.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Puis, dans le menu "Images", activer l'option "Afficher les attributs Alt".
  4. Pour chaque image, déterminer s'il s'agit d'une image de décoration
  5. Pour chaque image de décoration ayant un attribut alt, vérifier que le contenu de cet attribut est vide (alt="").
  6. Si c'est le cas, le test est validé.


• Pour le test 1.2.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot area (ctrl + f), vérifier que le contenu de cet attribut est vide (alt="").
5. Si c'est le cas, le test est validé.


• Pour le test 1.2.c [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque image applet non porteuse d'information et ayant un attribut alt, le contenu de cet attribut est vide (alt="").
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.2.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  4. Vérifier que pour chaque image objet non porteuse d'information, l'alternative textuelle est vide (le texte "non spécifié" est affiché pour le champ "Texte alternatif").
  5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.3 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.3.a [Bronze] et le test 1.3.c [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  4. Vérifier que pour chaque image porteuse d'information ayant un attribut alt, le contenu de cet attribut est pertinent.
  5. Si c'est le cas, le test est validé.


• Pour le test 1.3.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque zone d'une image réactive porteuse d'information ayant un attribut alt, le contenu de cet attribut est pertinent.
5. Si c'est le cas, le test est validé.


• Pour le test 1.3.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que pour chaque image applet porteuse d'information ayant un attribut alt, le contenu de cet attribut est pertinent.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.3.e [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  4. Vérifier que pour chaque image objet porteuse d'information ayant une alternative textuelle (Note : champ "Texte alternatif"), le contenu de l'alternative textuelle est pertinent.
  5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.4 :

• 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) ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.4.a [Bronze] et le test 1.4.c [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Puis, dans le menu "Images", activer l'option "Afficher les attributs Alt".
  4. Vérifier que pour chaque image qui a un attribut alt, le contenu de cet attribut a une longueur maximum de 80 caractères (hors cas particuliers).
  5. Si c'est le cas, le test est validé.


• Pour le test 1.4.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque zone d'une image réactive porteuse d'information ayant un attribut alt, le contenu de cet attribut a une longueur maximum de 80 caractères (hors cas particuliers).
5. Si c'est le cas, le test est validé.


• Pour le test 1.4.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que pour chaque image applet porteuse d'information ayant un attribut alt, le contenu de cet attribut a une longueur maximum de 80 caractères (hors cas particuliers).
  5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.5 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.5.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Vérifier la présence d'images porteuses d'information qui nécessitent une description détaillée.
  3. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  4. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  5. Dans le champ "Description longue", vérifier que chaque image porteuse d'information qui nécessite une description détaillée a un attribut longdesc (Note : si aucun attribut longdesc est présent, le texte "non spécifié" est affiché pour le champ "Description longue").
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.5.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
4. Dans le champ "Description longue", vérifier que pour chaque image ayant un attribut longdesc, le contenu de cet attribut est une url valide.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.6 :

• Test 1.6.a [Bronze] : Pour chaque image porteuse d'information (balise img) ayant un attribut longdesc, la description détaillée est-elle pertinente ?
• Test 1.6.b [Bronze] : Pour chaque image objet (balise object avec l'attribut type="image/...") ayant une description détaillée entre <object> et </object>, cette description détaillée est-elle pertinente ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.6.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  4. A partir du champ "Description longue", ouvrir l'information contenu dans l'url de la description détaillée.
  5. Vérifier que pour chaque image porteuse d'information ayant un attribut longdesc, la description détaillée est pertinente.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.6.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
3. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
4. Dans le champ "Texte alternatif", vérifier que pour chaque image objet ayant une descrition détaillée, la description détaillée est pertinente.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.7 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.7.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot area (ctrl + f), vérifier que les zones cliquables sont définies juste après la déclaration de l'image dans le code source.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.7.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot ismap (ctrl + f), vérifier que les zones cliquables sont doublées de liens texte juste après la déclaration de l'image.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.8 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

Pour le test 1.8.a [Or] :

1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque image réactive, les zones cliquables (balise area) sont ordonnées de manière pertinente.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 1.9 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 1.9.a [Argent] et le test 1.9.c [Argent] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Repérer les images contenant du texte dont la transformation à l'identique avec du texte stylé n'est pas possible.
  4. Si c'est le cas, le test est validé.


• Pour le test 1.9.b [Argent] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
3. Pour chaque image réactive, vérifier que pour chaque zone texte, la transformation à l'identique avec du texte stylé n'est pas possible.
4. Si c'est le cas, le test est validé.


• Pour le test 1.9.d [Argent] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Repérer les images texte applet dont la transformation à l'identique avec du texte stylé n'est pas possible.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 1.9.e [Argent] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Repérer les images texte objet dont la transformation à l'identique avec du texte stylé n'est pas possible.
  4. Si c'est le cas, le test est validé.

revenir au sommaire

Thématique 2 : Cadres

Test(s) AccessiWeb permettant de vérifier le critère 2.1 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.1.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que chaque cadre a un attribut title.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.1.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne a un attribut title.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.2 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.2.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que pour chaque cadre ayant un attribut title, le contenu de cet attribut est pertinent.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.2.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que pour chaque cadre en ligne ayant un attribut title, le contenu de cet attribut est pertinent.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.3 :

• Test 2.3.a [Bronze] : Chaque jeu de cadres (balise frameset) a-t-il une balise noframes ?
• Test 2.3.b [Bronze] : Chaque cadre en ligne (balise iframe) a-t-il une alternative ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.3.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frameset (ctrl + f), vérifier que chaque jeu de cadres a une balise noframes.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.3.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne a une alternative (implémenté avant la balise fermante iframe>).
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.4 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.4.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frameset (ctrl + f), vérifier que pour chaque jeu de cadres ayant une balise noframes, le contenu de cette balise propose une liste de liens permettant d'accèder directement au contenu de chaque cadre.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.4.b [Bronze] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que pour chaque cadre en ligne ayant une alternative, le contenu de l'alternative propose un lien permettant d'accéder directement au contenu de la balise iframe (implémenté avant la balise fermante iframe>).
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.5 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.5.a [Argent] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que chaque cadre qui nécessite que sa nature soit décrite a un attribut longdesc.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.5.b [Argent] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que chaque cadre qui nécessite que son fonctionnement soit décrit a un attribut longdesc.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.c [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne qui nécessite que sa nature soit décrite a un attribut longdesc.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.d [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne qui nécessite que son fonctionnement soit décrit a un attribut longdesc.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.e [Argent] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que pour chaque cadre ayant un attribut longdesc, le contenu de cet attribut est une url valide.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.f [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que pour chaque cadre en ligne ayant un attribut longdesc, le contenu de cet attribut est une url valide.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.6 :

• Test 2.6.a [Argent] : Pour chaque cadre (balise frame) ayant un attribut longdesc, sa description détaillée est-elle pertinente ?
• Test 2.6.b [Argent] : Pour chaque cadre en ligne (balise iframe) ayant un attribut longdesc, sa description détaillée est-elle pertinente ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.6.a [Argent] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frame (ctrl + f), pour chaque cadre ayant un attribut longdesc, ouvrir l'information contenu dans l'url de la description détaillée.
  5. Vérifier que pour chaque cadre ayant un attribut longdesc, la description détaillée est pertinente.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.6.b [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), pour chaque cadre en ligne ayant un attribut longdesc, ouvrir l'information contenu dans l'url de la description détaillée.
5. Vérifier que pour chaque cadre en ligne ayant un attribut longdesc, la description détaillée est pertinente.
6. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.7 :

• 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 ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.7.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que pour chaque cadre ayant un attribut scrolling, le contenu de cet attribut est différent de no.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.7.b [Bronze]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que pour chaque cadre en ligne ayant un attribut scrolling, le contenu de cet attribut est différent de no.
5. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 2.8 :

• 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) ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

Pour le test 2.8.a [Or] :

1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot frame (ctrl + f), compter le nombre de cadre (balise frame) et vérifier qu'il y a un maximum de 3 cadres.
5. En faisant une recherche sur le mot iframe (ctrl + f), compter le nombre de cadre en ligne (balise iframe) et vérifier qu'il y a un maximum de 3 cadres en ligne.
6. Si c'est le cas, le test est validé.

revenir au sommaire

Thématique 3 : Couleurs

Test(s) AccessiWeb permettant de vérifier le critère 3.1 :

• Test 3.1.a [Bronze] : Dans chaque menu de navigation, l'information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
• Test 3.1.b [Bronze] : Dans chaque page Web, pour chaque mot ou ensemble de mots mis en couleur, l'information ne doit pas être donnée uniquement par celle-ci. Cette règle est-elle respectée ?
• Test 3.1.c [Bronze] : Pour chaque image véhiculant une information, cette information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?
• Test 3.1.d [Bronze] : Pour chaque objet multimédia véhiculant une information, cette information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 3.1.a [Bronze] et le test 3.1.b [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Relever sur la page les informations données par la couleur.
  3. Sélectionner les objets.
  4. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  5. Une nouvelle fenêtre apparaît contenant le code source de la page.
  6. Pour chaque menu de navigation et pour chaque mot ou ensemble de mots mis en couleur, vérifier que l'information est donnée par un autre moyen, en complément de la couleur.
  7. Si c'est le cas, le test est validé.
  
  
• Pour le test 3.1.c [Bronze] :
  1. Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
  
  
• Pour le test 3.1.d [Bronze] :
  1. Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).

Test(s) AccessiWeb permettant de vérifier le critère 3.2 :

• Test 3.2.a [Bronze] : Dans chaque menu de navigation, l'information ne doit pas être donnée uniquement par la couleur. L'implémentation de cette règle est-elle pertinente ?
• Test 3.2.b [Bronze] : Dans chaque page Web, pour chaque information véhiculée par la couleur d'un mot ou ensemble de mots, l'information ne doit pas être donnée uniquement par la couleur. L'implémentation de cette règle est-elle pertinente ?
• Test 3.2.c [Bronze] : Pour chaque image véhiculant une information, l'information ne doit pas être donnée uniquement par la couleur. L'implémentation de cette règle est-elle pertinente ?
• Test 3.2.d [Bronze] : Pour chaque objet multimédia véhiculant une information, l'information ne doit pas être donnée uniquement par la couleur. L'implémentation de cette règle est-elle pertinente ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 3.2.a [Bronze] et le test 3.2.b [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Relever sur la page les informations données par la couleur.
  3. Sélectionner les objets.
  4. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  5. Une nouvelle fenêtre apparaît contenant le code source de la page.
  6. Pour chaque menu de navigation et pour chaque mot ou ensemble de mots mis en couleur, vérifier que le moyen pour donner l'information, en complément de la couleur, est pertinent.
  7. Si c'est le cas, le test est validé.
  
  
• Pour le test 3.2.c [Bronze] :
  1. Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
  
  
• Pour le test 3.2.d [Bronze] :
  1. Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).

Test(s) AccessiWeb permettant de vérifier le critère 3.3 :

• Test 3.3.a [Bronze] : Dans chaque page Web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?
• Test 3.3.b [Bronze] : Dans chaque page Web, le contraste entre les couleurs d'une image porteuse d'information et la couleur de fond de la page Web est-il suffisamment élevé (hors cas particuliers) ?
• Test 3.3.c [Bronze] : Dans chaque image porteuse d'information, le contraste entre les couleurs porteuses d'information est-il suffisamment élevé (hors cas particuliers) ?
• Test 3.3.d [Bronze] : Dans chaque page Web, le contraste entre les couleurs d'un objet multimédia porteur d'information et la couleur de fond de la page Web est-il suffisamment élevé (hors cas particuliers) ?
• Test 3.3.e [Bronze] : Dans chaque objet multimédia porteur d'information, le contraste entre les couleurs porteuses d'information est-il suffisamment élevé (hors cas particuliers) ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

Pour le test 3.3.a [Bronze], le test 3.3.b [Bronze], le test 3.3.c [Bronze], le test 3.3.d [Bronze] et le test 3.3.e [Bronze] :

1. Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).

revenir au sommaire

Thématique 4 : Multimédia

Test(s) AccessiWeb permettant de vérifier le critère 4.1 :

• Test 4.1.a [Bronze] : Chaque objet multimédia de type son (wave, mp3...) a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?
• Test 4.1.b [Bronze] : Chaque objet multimédia de type video (avi, rm, wmv...) a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?
• Test 4.1.c [Bronze] : Chaque objet multimédia de type animation (Flash, Java, SVG...) a-t-il si nécessaire une transcription textuelle (hors cas particuliers) ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 4.1.a [Bronze], le test 4.1.b Bronze] et le test 4.1.c Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises applet sont de type son, vidéo, animation
  5. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  6. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises object).
  7. Déterminer si les balises object sont de type son, vidéo, animation.
  8. Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
  9. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.1.a [Bronze], le test 4.1.b Bronze] et le test 4.1.c Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
  4. A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation
  5. Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
  6. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 4.2 :

• Test 4.2.a [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...) ayant une transcription textuelle, cette transcription est-elle pertinente ?
• Test 4.2.b [Bronze] : Pour chaque objet multimédia de type video (avi, rm, wmv...) ayant une transcription textuelle, cette transcription est-elle pertinente ?
• Test 4.2.c [Bronze] : Pour chaque objet multimédia de type animation (Flash, Java, SVG...) ayant une transcription textuelle, cette transcription est-elle pertinente ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 4.2.a [Bronze], le test 4.2.b Bronze] et le test 4.2.c Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises applet sont de type son, vidéo, animation
  5. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  6. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises object).
  7. Déterminer si les balises object sont de type son, vidéo, animation
  8. Vérifier dans la page Web que pour chaque objet multimédia de type son, vidéo, animation ayant une transcription textuelle, le contenu de celle-ci est pertinent
  9. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.2.a [Bronze], le test 4.2.b Bronze] et le test 4.2.c Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
  4. A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation
  5. Vérifier dans la page Web que pour chaque objet multimédia de type son, vidéo, animation ayant une transcription textuelle, le contenu de celle-ci est pertinent
  6. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 4.3 :

• Test 4.3.a [Bronze] : Chaque objet multimédia de type son (wave, mp3...) a-t-il si nécessaire des sous-titres synchronisés (hors cas particuliers) ?
• Test 4.3.b [Bronze] : Chaque objet multimédia de type video (avi, rm, wmv...) a-t-il si nécessaire des sous-titres synchronisés (hors cas particuliers) ?
• Test 4.3.c [Bronze] : Chaque objet multimédia de type animation (Flash, Java, SVG...) a-t-il si nécessaire des sous-titres synchronisés (hors cas particuliers) ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 4.3.a [Bronze], le test 4.3.b Bronze] et le test 4.3.c Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises applet sont de type son, vidéo, animation
  5. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  6. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises object).
  7. Déterminer si les balises object sont de type son, vidéo, animation.
  8. Lancer l'objet multimédia.
  9. Vérifier dans l'objet multimédia la présence si nécessaire de sous-titres synchronisés avec le contenu multimédia (hors cas particuliers).
  10. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.3.a [Bronze], le test 4.3.b Bronze] et le test 4.3.c Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
  4. A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
  5. Lancer l'objet multimédia.
  6. Vérifier dans l'objet multimédia la présence si nécessaire de sous-titres synchronisés avec le contenu multimédia (hors cas particuliers).
  7. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 4.4 :

• Test 4.4.a [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...) ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ?
• Test 4.4.b [Bronze] : Pour chaque objet multimédia de type video (avi, rm, wmv...) ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ?
• Test 4.4.c [Bronze] : Pour chaque objet multimédia de type animation (Flash, Java, SVG...) ayant des sous-titres synchronisés, ces sous-titres sont-ils pertinents ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 4.4.a [Bronze], le test 4.4.b Bronze] et le test 4.4.c Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises applet sont de type son, vidéo, animation
  5. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  6. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises object).
  7. Déterminer si les balises object sont de type son, vidéo, animation
  8. Lancer l'objet multimédia.
  9. Vérifier que pour chaque objet multimédia ayant des sous-titres synchronisés avec le contenu multimédia, ces sous-titres sont pertinents.
  10. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.4.a [Bronze], le test 4.4.b Bronze] et le test 4.4.c Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
  4. A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation
  5. Lancer l'objet multimédia.
  6. Vérifier que pour chaque objet multimédia ayant des sous-titres synchronisés avec le contenu multimédia, ces sous-titres sont pertinents.
  7. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 4.5 :

• Test 4.5.a [Bronze] : Chaque objet multimédia de type video (avi, rm, wmv...) a-t-il si nécessaire une audio-description synchronisée (hors cas particuliers) ?
• Test 4.5.b [Bronze] : Chaque objet multimédia de type animation (Flash, Java, SVG...) a-t-il si nécessaire une audio-description synchronisée (hors cas particuliers) ?

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 4.5.a [Bronze] et le test 4.5.b Bronze] dont l'objet multimédia est généré par une balise applet ou une balise object :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises applet sont de type vidéo, animation.
  5. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  6. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises object).
  7. Déterminer si les balises object sont de type vidéo, animation.
  8. Lancer l'objet multimédia.
  9. Vérifier dans l'objet multimédia la présence si nécessaire d'une audio-description synchronisée avec le contenu multimédia (hors cas particuliers).
  10. Si c'est le cas, le test est validé.
  
  
• Pour le test 4.5.a [Bronze] et le test 4.5.b Bronze] dont l'objet multimédia est généré par un lien (balise a avec un attribut href) :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
  4. A partir des extensions des noms de fichiers, déterminer si les liens sont de type vidéo, animation.
  5. Lancer l'objet multimédia.
  6. Vérifier dans l'objet multimédia la présence si nécessaire d'une audio-description synchronisée avec le contenu multimédia (hors cas particuliers).
  7. Si c'est le cas, le test est validé.

Test(s) AccessiWeb permettant de vérifier le critère 4.6 :

• Test 4.6.a [Bronze] : Pour chaque objet multimédia de type video (