vous êtes ici : Aide à l'évaluation : Manuel Barre Web Developper [Firefox]
Aide à l'évaluation : Manuel Barre Web Developper [Firefox]
Cette page présente le Manuel d'aide à l'évaluation par la barre Web Dev [Firefox] dont le contenu est extrait des fiches du Guide AccessiWeb (paragraphe "Comment évaluer [avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français)").
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).
- 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
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 la barre Web Developper [Firefox])
- Images
- Cadres
- Couleurs
- Multimédia
- Tableaux
- Liens
- Code exécutable
- Eléments obligatoires
- Structuration de l'information
- Présentation de l'information
- Formulaires
- Navigation
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- 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").
- Si c'est le cas, le test est validé.
- Pour le test 1.1.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), vérifier que chaque zone d'une image réactive a un attribut
alt.
- Si c'est le cas, le test est validé.
- Pour le test 1.1.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque image applet a un attribut
alt.
- Si c'est le cas, le test est validé.
- Pour le test 1.1.e [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- 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").
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Puis, dans le menu "Images", activer l'option "Afficher les attributs Alt".
- Pour chaque image, déterminer s'il s'agit d'une image de décoration
- Pour chaque image de décoration ayant un attribut
alt, vérifier que le contenu de cet attribut est vide (alt="").
- Si c'est le cas, le test est validé.
- Pour le test 1.2.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), vérifier que le contenu de cet attribut est vide (
alt="").
- Si c'est le cas, le test est validé.
- Pour le test 1.2.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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="").
- Si c'est le cas, le test est validé.
- Pour le test 1.2.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- 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").
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- Vérifier que pour chaque image porteuse d'information ayant un attribut
alt, le contenu de cet attribut est pertinent.
- Si c'est le cas, le test est validé.
- Pour le test 1.3.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 1.3.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 1.3.e [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- 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.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Puis, dans le menu "Images", activer l'option "Afficher les attributs Alt".
- 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).
- Si c'est le cas, le test est validé.
- Pour le test 1.4.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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).
- Si c'est le cas, le test est validé.
- Pour le test 1.4.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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).
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Vérifier la présence d'images porteuses d'information qui nécessitent une description détaillée.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- 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").
- Si c'est le cas, le test est validé.
- Pour le test 1.5.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- Dans le champ "Description longue", vérifier que pour chaque image ayant un attribut
longdesc, le contenu de cet attribut est une url valide.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 1.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 1.6.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- A partir du champ "Description longue", ouvrir l'information contenu dans l'url de la description détaillée.
- Vérifier que pour chaque image porteuse d'information ayant un attribut
longdesc, la description détaillée est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 1.6.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- 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.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 1.7.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Repérer les images contenant du texte dont la transformation à l'identique avec du texte stylé n'est pas possible.
- Si c'est le cas, le test est validé.
- Pour le test 1.9.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Pour chaque image réactive, vérifier que pour chaque zone texte, la transformation à l'identique avec du texte stylé n'est pas possible.
- Si c'est le cas, le test est validé.
- Pour le test 1.9.d [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Repérer les images texte applet dont la transformation à l'identique avec du texte stylé n'est pas possible.
- Si c'est le cas, le test est validé.
- Pour le test 1.9.e [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Repérer les images texte objet dont la transformation à l'identique avec du texte stylé n'est pas possible.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot frame (ctrl + f), vérifier que chaque cadre a un attribut
title.
- Si c'est le cas, le test est validé.
- Pour le test 2.1.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne a un attribut
title.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.2.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 2.3 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 2.3.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot frameset (ctrl + f), vérifier que chaque jeu de cadres a une balise
noframes.
- Si c'est le cas, le test est validé.
- Pour le test 2.3.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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>).
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.4.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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>).
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.5.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.5.c [Argent]
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.5.d [Argent]
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.5.e [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.5.f [Argent]
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 2.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 2.6.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Vérifier que pour chaque cadre ayant un attribut
longdesc, la description détaillée est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 2.6.b [Argent]
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Vérifier que pour chaque cadre en ligne ayant un attribut
longdesc, la description détaillée est pertinente.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 2.7.b [Bronze]
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- 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.
- 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] :
- Sous Firefox, ouvrir la page à analyser.
- Relever sur la page les informations données par la couleur.
- Sélectionner les objets.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 3.1.c [Bronze] :
- Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
- Pour le test 3.1.d [Bronze] :
- Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
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 ]
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] :
- Sous Firefox, ouvrir la page à analyser.
- Relever sur la page les informations données par la couleur.
- Sélectionner les objets.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- 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.
- Si c'est le cas, le test est validé.
- Pour le test 3.2.c [Bronze] :
- Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
- Pour le test 3.2.d [Bronze] :
- 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 :
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] :
- 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 :
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 :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
- 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) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation
- Vérifier dans la page la présence si nécessaire d'une transcription textuelle (hors cas particuliers).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 4.2 :
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 :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation
- 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
- 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) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation
- 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
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 4.3 :
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 :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- 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).
- 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) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- 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).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 4.4 :
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 :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia ayant des sous-titres synchronisés avec le contenu multimédia, ces sous-titres sont pertinents.
- 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) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia ayant des sous-titres synchronisés avec le contenu multimédia, ces sous-titres sont pertinents.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 4.5 :
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 :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type vidéo, animation.
- Lancer l'objet multimédia.
- 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).
- 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) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type vidéo, animation.
- Lancer l'objet multimédia.
- 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).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 4.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
-
Pour le test 4.6.a [Bronze] et le test 4.6.b Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type vidéo, animation
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type vidéo, animation
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia ayant une audio-description synchronisée avec le contenu multimédia, cette audio-description est pertinente.
- Si c'est le cas, le test est validé.
-
Pour le test 4.6.a [Bronze] et le test 4.6.b Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia ayant une audio-description synchronisée avec le contenu multimédia, cette audio-description est pertinente.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 4.7 :
- Test 4.7.a [Bronze] : Chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) a-t-il si nécessaire les fonctionnalités de contrôle de sa consultation ?
- Test 4.7.b [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités sont-elles atteignables au moins par le clavier et la souris ?
- Test 4.7.c [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités sont-elles activables au moins par le clavier et la souris ?
- Test 4.7.d [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...), chaque fonctionnalité de contrôle de la consultation sans alternative textuelle est-elle explicite visuellement ?
- Test 4.7.e [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...), chaque fonctionnalité de contrôle de la consultation a-t-elle si nécessaire une alternative textuelle ?
- Test 4.7.f [Bronze] : Pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...), pour chaque fonctionnalité de contrôle de la consultation ayant une alternative textuelle, cette alternative est-elle pertinente ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 4.7.a [Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) a si nécessaire les fonctionnalités de contrôle de sa consultation.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.a [Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) a si nécessaire les fonctionnalités de contrôle de sa consultation.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.b [Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités sont atteignables au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.b [Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
.
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités sont atteignables au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.c [Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités sont activables au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.c [Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités sont activables au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.d [Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...), chaque fonctionnalité de contrôle de la consultation sans alternative textuelle est explicite visuellement.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.d [Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...), chaque fonctionnalité de contrôle de la consultation sans alternative textuelle est explicite visuellement.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.e [Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités ont une alternative.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.e [Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant des fonctionnalités de contrôle de sa consultation, ces fonctionnalités ont une alternative.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.f [Bronze] dont l'objet multimédia est généré par une balise
applet ou une balise object :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), déterminer si les balises
applet sont de type son, vidéo, animation.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste (dont les balises
object).
- Déterminer si les balises
object sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque fonctionnalité de contrôle de la consultation d'un objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 4.7.f [Bronze] dont l'objet multimédia est généré par un lien (balise
a avec un attribut href) :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Dans le menu "Information", activer l'onglet "Afficher les détails des liens" (Note : l'url s'affiche à côté de chaque lien).
- A partir des extensions des noms de fichiers, déterminer si les liens sont de type son, vidéo, animation.
- Lancer l'objet multimédia.
- Vérifier que pour chaque fonctionnalité de contrôle de la consultation d'un objet multimédia de type son (wave, mp3...), de type video (avi, rm, wmv...) et de type animation (Flash, Java, SVG...) ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
revenir au sommaire
Thématique 5 : Tableaux
Test(s) AccessiWeb permettant de vérifier le critère 5.1 :
- Test 5.1.a [Or] : Chaque tableau (balise
table) a-t-il un attribut summary ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 5.1.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que chaque balise
table a un attribut summary.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.2 :
- 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="") ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 5.2.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Vérifier la présence de tableaux de données dans la page.
- Dans le menu "Informatione" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les informations des tableaux".
- Le contenu de l'attribut
summary apparaît sur un fond jaune, sous la forme : "Summary=contenu du summary" (note : si le contenu de l'attribut summary est vide (de type summary=""), l'information affichée sera "Summary=").
- Vérifier pour que chaque balise
table (tableau de données) ayant un attribut summary, le contenu de cet attribut est pertinent.
- Si c'est le cas, le test est validé.
- Pour le test 5.2.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier pour que chaque balise
table (tableau de mise en forme) ayant un attribut summary, le contenu de cet attribut est vide (summary="").
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.3 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 5.3.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Divers" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Linéariser la page".
- Comparer la présentation des contenus avant et après linéarisation.
- Vérifier que pour chaque tableau de mise en forme, la compréhension de son contenu est identique quand le tableau est linéarisé.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.4 :
- Test 5.4.a [Argent] : Chaque tableau de données (balise
table) a-t-il une balise caption ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 5.4.a [Argent] :
- Sous Internet Explorer, ouvrir la page à analyser.
- Repérer les tableaux de données présents sur la page.
- Dans le menu "Entourer" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Entourer les tableaux" puis l'onglet "Légendes de tableaux (Caption)".
- Le contenu des balises
caption est entouré d'un liseret rouge.
- Vérifier que chaque tableau de données a une balise
caption.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.5 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 5.5.a [Argent] :
- Sous Internet Explorer, ouvrir la page à analyser.
- Repérer les tableaux de données présents sur la page.
- Dans le menu "Entourer" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Entourer les tableaux" puis l'onglet "Légendes de tableaux (Caption)".
- Le contenu des balises
caption est entouré d'un liseret rouge.
- Vérifier que pour chaque tableau de données ayant une balise
caption, le contenu de cette balise donne le titre du tableau.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 5.6.a [Bronze] et le
test 5.6.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que pour chaque tableau de données, chaque en-tête de colonnes et/ou chaque en-tête de lignes a une balise
th.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.7 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 5.7.a [Bronze] :
- Sous Internet Explorer, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que pour chaque tableau de données, une technique permettant d'associer chaque cellule (balise
td) avec ses en-têtes (balise th) est utilisée (attributs id/headers ou attribut scope).
- Si c'est le cas, le test est validé.
- Pour le test 5.7.b [Bronze] :
- Sous Internet Explorer, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que pour chaque tableau de données ayant une technique permettant d'associer chaque cellule (balise
td) avec ses en-têtes (balise th), cette technique est appropriée.
- Si c'est le cas, le test est validé.
- Pour le test 5.7.c [Bronze] :
- Sous Internet Explorer, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que pour chaque tableau de données ayant une technique permettant d'associer chaque cellule (balise
td) avec ses en-têtes (balise th), cette technique est correctement implémentée.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.8 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 5.8.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que pour chaque tableau de données, chaque en-tête de colonnes et/ou chaque en-tête de lignes dont l'intitulé dépasse 15 caractères a si possible un attribut
abbr.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 5.9 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 5.9.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que dans chaque tableau de données, pour chaque en-tête de colonnes et/ou chaque en-tête de lignes ayant un attribut
abbr, le contenu de cet attribut a une longueur maximum de 15 caractères.
- Si c'est le cas, le test est validé.
- Pour le test 5.9.b [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que dans chaque tableau de données, pour chaque en-tête de colonnes et/ou chaque en-tête de lignes ayant un attribut
abbr, le contenu de cet attribut est explicite.
- Si c'est le cas, le test est validé.
- Pour le test 5.9.c [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Repérer dans la page les tableaux de données.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot table (ctrl + f), vérifier que dans chaque tableau de données, pour chaque en-tête de colonnes et/ou chaque en-tête de lignes ayant un attribut
abbr, le contenu de cet attribut est unique.
- Si c'est le cas, le test est validé.
revenir au sommaire
Thématique 6 : Liens
Test(s) AccessiWeb permettant de vérifier le critère 6.1 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 6.1.a [Bronze], le test 6.1.b [Bronze] et le test 6.1.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les styles css" puis l'option "Tous les styles".
- Dans le menu "Entourer", activer l'option "Entourer les liens" puis l'option "Liens sans attributs title".
- Dans le menu "Images", activer l'option "Afficher les attributs Alt".
- La page s'affiche sans les styles CSS, entoure les liens sans attribut
title et affiche de tous les attributs alt.
- Si aucun titre de lien est présent, vérifier que le contenu de chaque lien texte / lien image / lien composite est explicite hors contexte.
- Si c'est le cas, le test est validé.
- Pour le test 6.1.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque zone cliquable ayant un attribut
alt et sans titre de lien, le contenu de cet attribut est explicite hors contexte.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 6.2 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 6.2.a [Bronze], le test 6.2.b [Bronze] et le test 6.2.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les attributs Title".
- Le contenu de l'attibut
title s'affiche sur un fond jaune à côté du lien.
- Vérifier que pour chaque lien texte / lien image / lien composite ayant un titre de lien, ce titre est nécessaire.
- Si c'est le cas, le test est validé.
- Pour le test 6.2.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), pour chaque image réactive, vérifier que pour chaque zone cliquable ayant un titre de lien, ce titre est nécessaire.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 6.3 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 6.2.a [Bronze], le test 6.3.b [Bronze] et le test 6.3.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les attributs Title".
- Le contenu de l'attibut
title s'affiche sur un fond jaune à côté du lien.
- Vérifier que chaque lien texte / lien image / lien composite ayant un titre de lien, le contenu du titre de lien est pertinent.
- Si c'est le cas, le test est validé.
- Pour le test 6.3.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque image réactive, pour chaque zone cliquable ayant un titre de lien, le contenu du titre de lien est pertinent.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 6.4 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 6.4.a [Bronze], le test 6.4.b [Bronze] et le test 6.4.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les styles Css" puis l'option "Tous les styles".
- Dans le menu "Information", activer l'option "Afficher les attributs Title".
- Dans le menu "Images", activer l'option "Afficher les attributs Alt".
- La page s'affiche sans les styles CSS, affiche le contenu de tous les attributs
title et de tous les attributs alt.
- Vérifier que chaque lien texte / lien image / lien composite a une longueur maximum de 80 caractères (hors cas particuliers).
- Vérifier que chaque titre de lien a une longueur maximum de 80 caractères (hors cas particuliers).
- Si c'est le cas, le test est validé.
- Pour le test 6.4.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), vérifier que pour chaque zone cliquable ayant une alternative textuelle, le contenu de cette alternative a une longueur maximum de 80 caractères (hors cas particuliers).
- Vérifier que pour chaque zone cliquable ayant une alternative textuelle et un titre de lien, le contenu du titre de lien a une longueur maximum de 80 caractères (hors cas particuliers).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 6.5 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 6.5.a [Bronze], le test 6.5.b [Bronze] et le test 6.5.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les styles Css" puis l'option "Tous les styles".
- Dans le menu "Information", activer l'option "Afficher les attributs Title".
- Dans le menu "Images", activer l'option "Afficher les attributs Alt".
- La page s'affiche sans les styles CSS, affiche le contenu de tous les attributs
title et de tous les attributs alt.
- Si aucun titre de lien est présent, vérifier que chaque lien texte / lien image / lien composite identique a la même url.
- Si un titre de lien est présent, vérifier que chaque contenu de titre de lien identique de chaque lien texte / lien image / lien composite a la même url.
- Si c'est le cas, le test est validé.
- Pour le test 6.5.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot area (ctrl + f), vérifier que chaque zone cliquable ayant un attribut
alt dont le contenu est identique, a la même url.
- Vérifier que chaque zone cliquable ayant une alternative textuelle et un titre de lien dont le contenu est identique, a la même url.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 6.6 :
- Test 6.6.a [Or] : Dans chaque page Web, les liens sont-ils visuellement séparés de manière distincte ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 6.6.a [Or] :
- Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
revenir au sommaire
Thématique 7 : Code exécutable
Test(s) AccessiWeb permettant de vérifier le critère 7.1 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 7.1.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de scripts débutant par la balise
script.
- Puis dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que chaque script débutant par la balise
script a une alternative si nécessaire.
- Si c'est le cas, le test est validé.
- Pour le test 7.1.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot javascript (ctrl + f), vérifier que chaque script généré à partir d'un lien dont l'url contient une commande
javascript a une alternative si nécessaire.
- Si c'est le cas, le test est validé.
- Pour le test 7.1.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Identifier tous les évènements générés par un code exécutable
- Dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que chaque évènement généré par un code exécutable a une alternative si nécessaire.
- Si c'est le cas, le test est validé.
- Pour le test 7.1.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les styles css" puis l'option "Tous les styles".
- Puis dans le menu "Informations" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails des liens".
- La page s'affiche sans les styles CSS et affiche des informations au niveau de chaque lien de la page (sur fond jaune).
- Déterminer si des liens ouvrent une nouvelle fenêtre (avec l'attibut
target=_blank ou une commande javascript de type window.open.
- Vérifier que chaque script déclenchant l'ouverture d'une nouvelle fenêtre a une alternative si nécessaire
- Si c'est le cas, le test est validé.
- Pour le test 7.1.e [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot object (ctrl + f), vérifier que chaque code exécutable débutant par la balise
object a si nécessaire une alternative.
- Si c'est le cas, le test est validé.
- Pour le test 7.1.f [Bronze] :
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque code exécutable débutant par la balise
applet a si nécessaire une alternative.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 7.2 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 7.2.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de scripts débutant par la balise
script.
- Puis dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que pour chaque script débutant par la balise
script et ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 7.2.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot javascript (ctrl + f), vérifier que pour chaque script généré à partir d'un lien dont l'url contient une commande
javascript et ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 7.2.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Identifier tous les évènements générés par un code exécutable
- Dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que pour chaque évènement généré par un code exécutable et ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 7.2.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les styles css" puis l'option "Tous les styles".
- Puis dans le menu "Informations" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails des liens".
- La page s'affiche sans les styles CSS et affiche des informations au niveau de chaque lien de la page (sur fond jaune).
- Déterminer si des liens ouvrent une nouvelle fenêtre (avec l'attibut
target=_blank ou une commande javascript de type window.open.
- Vérifier que pour chaque script déclenchant l'ouverture d'une nouvelle fenêtre et ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 7.2.e [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot object (ctrl + f), vérifier que pour chaque code exécutable débutant par la balise
object et ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 7.2.f [Bronze] :
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), vérifier que pour chaque code exécutable débutant par la balise
applet et ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 7.3 :
- Test 7.3.a [Argent] : Pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet est-elle atteignable au moins par le clavier et la souris ? - Test 7.3.b [Argent] : Pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet est-elle activable au moins par le clavier et la souris ? - Test 7.3.c [Argent] : Pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet sans alternative textuelle est-elle explicite visuellement ? - Test 7.3.d [Argent] : Pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet a-t-elle si nécessaire une alternative textuelle ? - Test 7.3.e [Argent] : Pour chaque code exécutable, pour chaque fonctionnalité générée par la balise
script, object ou applet ayant une alternative textuelle, cette alternative est-elle pertinente ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 7.3.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de balises
script dans la page.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots object (ctrl + f) puis applet (ctrl + f), détecter la présence de balises
object et applet dans la page.
- Vérifier que pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet est atteignable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 7.3.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de balises
script dans la page.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots object (ctrl + f) puis applet (ctrl + f), détecter la présence de balises
object et applet dans la page.
- Vérifier que pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet est activable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 7.3.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de balises
script dans la page.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots object (ctrl + f) puis applet (ctrl + f), détecter la présence de balises
object et applet dans la page.
- Vérifier que pour chaque code exécutable, chaque fonctionnalité générée par la balise
script, object ou applet sans alternative textuelle est explicite visuellement.
- Si c'est le cas, le test est validé.
- Pour le test 7.3.d [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de balises
script dans la page.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots object (ctrl + f) puis applet (ctrl + f), détecter la présence de balises
object et applet dans la page.
- Vérifier que chaque fonctionnalité générée par la balise
script, object ou applet a si nécessaire une alternative.
- Si c'est le cas, le test est validé.
- Pour le test 7.3.e [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de balises
script dans la page.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots object (ctrl + f) puis applet (ctrl + f), détecter la présence de balises
object et applet dans la page.
- Vérifier que pour chaque fonctionnalité générée par la balise
script, object ou applet ayant une alternative, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
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 ]
Test(s) AccessiWeb permettant de vérifier le critère 7.4 :
- 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é ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 7.4.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir le JavaScript" pour détecter la présence de scripts débutant par la balise
script.
- Vérifier que pour chaque fonctionnalité générée par la balise
script et au moins activable par le clavier et la souris, l'utilisateur est informé du rôle et de l'état de cette fonctionnalité si nécessaire.
- Si c'est le cas, le test est validé.
revenir au sommaire
Thématique 8 : Eléments obligatoires
Test(s) AccessiWeb permettant de vérifier le critère 8.1 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 8.1.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot doctype (ctrl + f), vérifier que le type de document (balise
doctype) est présent.
- Si c'est le cas, le test est validé.
- Pour le test 8.1.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot doctype (ctrl + f), vérifier que le type de document (balise
doctype) est valide.
- Si c'est le cas, le test est validé.
- Pour le test 8.1.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot charset (ctrl + f), vérifier que le jeu de caractères (attribut
charset dans balise meta) est présent.
- Si c'est le cas, le test est validé.
- Pour le test 8.1.d [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Général".
- Une nouvelle fenêtre apparaît et des informations s'affichent.
- Dans la partie "Encodage", vérifier que le jeu de caractères (attribut
charset dans balise meta) est valide.
- Si c'est le cas, le test est validé.
- Pour le test 8.1.e [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Entourer" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Entourer les éléments déconseillés".
- Vérifier que les éléments dépréciés ne sont pas utilisés dans la page
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.2 :
- 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é ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.2.a [Argent] et le
test 8.2.b [Argent] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 8.3 :
- Test 8.3.a [Bronze] : Pour chaque page Web, la langue par défaut (attribut
lang associé à la balise html) est-elle présente ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.3.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot html (ctrl + f), vérifier que la langue par défaut (attribut
lang associé à la balise html) est présente.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.4 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.4.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot html (ctrl + f), vérifier que pour chaque page Web ayant une langue par défaut (attribut
lang associé à la balise html), le contenu de cet attribut est valide.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.5 :
- Test 8.5.a [Bronze] : Chaque page Web a-t-elle un titre de page (balise
title) ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.5.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Général".
- Une nouvelle fenêtre apparaît et des informations s'affichent.
- La première ligne doit afficher le titre de la page.
- Vérifier que chaque page Web a un titre de page (balise
title).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.6 :
- Test 8.6.a [Bronze] : Pour chaque page Web ayant un titre de page (balise
title), le contenu de cette balise est-il pertinent ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.6.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Général".
- Une nouvelle fenêtre apparaît et des informations s'affichent.
- La première ligne doit afficher le titre de la page.
- Vérifier que pour chaque page Web ayant un titre de page (balise
title), le contenu de cette balise est pertinent
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.7 :
- Test 8.7.a [Bronze] : Dans le site Web, le titre de chaque page (balise
title) est-il unique ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.7.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Général".
- Une nouvelle fenêtre apparaît et des informations s'affichent.
- La première ligne doit afficher le titre de la page.
- Vérifier que dans le site Web, le titre de chaque page (balise
title) est unique
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.8 :
- 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) ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.8.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- Identifier la langue par défaut dans la page : attribut
lang dans la balise html
- 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.
- En faisant une recherche sur le mot lang (ctrl + f), vérifier que chaque changement de langue par rapport à la langue par défaut est indiqué dans le code source
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.9 :
- 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) ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 8.9.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- Identifier la langue par défaut dans la page : attribut
lang dans la balise html
- 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.
- En faisant une recherche sur le mot lang (ctrl + f), vérifier que pour chaque changement de langue indiqué par l'attribut
lang, le contenu de cet attribut est pertinent (hors cas particuliers).
- Si c'est le cas, le test est validé.
- Pour le test 8.9.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- Identifier la langue par défaut dans la page : attribut
lang dans la balise html
- 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.
- En faisant une recherche sur le mot lang (ctrl + f), vérifier que pour chaque changement de langue indiqué par l'attribut
lang, le contenu de cet attribut est valide (hors cas particuliers).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.10 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 8.10.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots Q et Blockquote (ctrl + f), vérifier que le sens du texte balisé correspond au sens sémantique des balises
Q / Blockquote.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot (ctrl + f), vérifier que le sens du texte balisé correspond au sens sémantique de la balise
h.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot (ctrl + f), vérifier que le sens du texte balisé correspond au sens sémantique de la balise
th.
- Vérifier que dans chaque page Web, il n'y a pas de détournement de balises
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.11 :
- 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) ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 8.11.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises
acronym utilisées dans la page Web.
- Vérifier que chaque acronyme a une balise appropriée (balise
acronym).
- Si c'est le cas, le test est validé.
- Pour le test 8.11.b [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises
abbr utilisées dans la page Web.
- Vérifier que chaque sigle a une balise appropriée (balise
abbr).
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.12 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 8.12.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises
acronym utilisées dans la page Web.
- Vérifier que la première occurrence de chaque acronyme a une balise appropriée (balise
acronym) avec un attribut title.
- Si c'est le cas, le test est validé.
- Pour le test 8.12.b [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises
abbr utilisées dans la page Web.
- Vérifier que la première occurrence de chaque sigle a une balise appropriée (balise
abbr) avec un attribut title.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 8.13 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 8.13.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises
acronym utilisées dans la page Web.
- Vérifier que pour chaque acronyme (balise
acronym) ayant un attribut title, le contenu de cet attribut est pertinent.
- Si c'est le cas, le test est validé.
- Pour le test 8.13.b [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les abréviations" pour afficher les balises
abbr utilisées dans la page Web.
- Vérifier que pour chaque sigle (balise
abbr) ayant un attribut title, le contenu de cet attribut est pertinent.
- Si c'est le cas, le test est validé.
revenir au sommaire
Thématique 9 : Structuration de l'information
Test(s) AccessiWeb permettant de vérifier le critère 9.1 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.1.a [Or] et le
test 9.1.b [Or] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 9.2 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 9.2.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Plan du document".
- Une nouvelle fenêtre apparaît et affiche le contenu des balises
h.
- Vérifier que dans chaque page Web, il y a un titre de niveau 1 (balise
h1).
- Si c'est le cas, le test est validé.
- Pour le test 9.2.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Plan du document".
- Une nouvelle fenêtre apparaît et affiche le contenu des balises
h.
- Vérifier que dans chaque page Web, la hiérarchie entre les titres (balises
h) est pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 9.2.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Identifier les éléments de titre dans la page Web.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Plan du document".
- Une nouvelle fenêtre apparaît et affiche le contenu des balises
h.
- Vérifier que dans chaque page Web, chaque titre (balise
h) nécessaire à la structure de l'information est présent
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 9.3 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 9.3.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Identifier les listes non ordonnées dans la page Web.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot ul (ctrl + f), vérifier que dans chaque page Web, les informations regroupées sous forme de listes non ordonnées utilisent les balises
ul et li.
- Pour le test 9.3.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Identifier les listes ordonnées dans la page Web.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot ol (ctrl + f), vérifier que dans chaque page Web, les informations regroupées sous forme de listes ordonnées utilisent les balises
ol et li.
- Pour le test 9.3.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Identifier les listes de définitins dans la page Web.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot dl (ctrl + f), vérifier que dans chaque page Web, les informations regroupées sous forme de listes de définitions utilisent les balises
dl et dt/dd.
Test(s) AccessiWeb permettant de vérifier le critère 9.4 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.4.a [Argent] :
- 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 9.5 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.5.a [Argent], le
test 9.5.b [Argent] et le
test 9.5.c [Argent]:
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 9.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.6.a [Argent] :
- 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 9.7 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.7.a [Argent], le
test 9.7.b [Argent] et le
test 9.7.c [Argent]:
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 9.8 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.8.a [Or] :
- 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 9.9 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.9.a [Argent], le
test 9.9.b [Argent] et le
test 9.9.c [Argent]:
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
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 ]
Test(s) AccessiWeb permettant de vérifier le critère 9.10 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 9.10.a [Or] et le
test 9.10.b [Or] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
revenir au sommaire
Thématique 10 : Présentation de l'information
Test(s) AccessiWeb permettant de vérifier le critère 10.1 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 10.1.a [Argent] et le
test 10.1.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Note : si un mise en page particulière (polices de caractères différentes, fonds de couleur) reste présente dans la page Web, il est probable que des balises / attributs servant à la présentation de l'information sont présents dans le code source (Note : en activant dans le du menu "Entourer" l'option "Entourer les éléments déconseillés", les éléments dépréciés comme la balise
font seront affichés dans la page (entourés d'un liseret rouge). Sélectionner ensuite l'information entourée et vérifier dans le code source l'attribut ou la balise déconseillée.).
- Vérifier que les balises et les attributs servant à la présentation de l'information ne sont pas présentes dans le code source de la page.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 10.2 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 10.2.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Vérifier que l'information reste présente lorsque les feuilles de styles sont désactivées
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 10.3 :
- Test 10.3.a [Bronze] : Dans chaque page Web, l'ordre de lecture de l'information dans le code source est-il cohérent ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 10.3.a [Bronze] :
- Sous Internet Explorer, ouvrir la page à analyser.
- 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".
- Vérifier que l'ordre de lecture de l'information est cohérent.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 10.4 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 10.4.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot tabindex (ctrl + f), vérifier que l'ordre de tabulation est logique.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 10.5 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 10.5.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir les CSS".
- La liste des feuilles de styles utilisées s'affiche dans une nouvelle fenêtre
- Dans chaque feuilles de styles, vérifier que les unités non relatives (pt, pc, mm, cm, in) ne sont pas utilisées.
- Si c'est le cas, le test est validé.
- Pour le test 10.5.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Redimensionner" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Zoom" puis l'option "Zomm + ctrl+maj+z".
- Vérifier que l'augmentation de la taille des caractères ne provoque pas de perte d'information.
- Si c'est le cas, le test est validé.
revenir au sommaire
Thématique 11 : Formulaires
Test(s) AccessiWeb permettant de vérifier le critère 11.1 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 11.1.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot label (ctrl + f), vérifier que pour chaque champ de formulaire (balises
input, textarea et select), son intitulé a une balise label.
- Si c'est le cas, le test est validé.
- Pour le test 11.1.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot label (ctrl + f), vérifier que 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 présente.
- Si c'est le cas, le test est validé.
- Pour le test 11.1.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot label (ctrl + f), vérifier que pour chaque champ de formulaire (balises
input, textarea et select), l'identifiant utilisé par l'attribut id est unique.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.2 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.2.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Form." de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails du formulaire".
- Chaque formulaire de la page est entouré d'un liseret rouge et le code de chaque élément du formulaire est affiché.
- Vérifier que pour chaque formulaire, l'intitulé de chaque champ est pertinent.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.3 :
- Test 11.3.a [Argent] : Dans chaque formulaire, chaque intitulé de champ et son champ associé de type
radio ou checkbox sont-ils accolés ? - Test 11.3.b [Argent] : Dans chaque formulaire, chaque champ différent des types
radio ou checkbox suit-il immédiatement son intitulé ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.3.a [Argent] et le
test 11.3.b [Argent] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 11.4 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.4.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot fieldset (ctrl + f), vérifier que pour chaque formulaire, chacun des blocs d'informations de même nature a une balise
fieldset si nécessaire.
- Si c'est le cas, le test est validé.
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 ]
Test(s) AccessiWeb permettant de vérifier le critère 11.5 :
- Test 11.5.a [Argent] : Chaque balise
fieldset est-elle suivie dans le code source par une balise legend ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.5.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot fieldset (ctrl + f), vérifier que chaque balise
fieldset est suivie par une balise legend.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.6.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot legend (ctrl + f), vérifier que pour chaque formulaire, le contenu de la balise
legend de chaque bloc d'informations de même nature est pertinent.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.7 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 11.7.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot select (ctrl + f), vérifier que pour chaque formulaire, pour chaque liste de choix (balise
select), l'ordre des items (balise option) est donné de manière pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 11.7.b [Argent] :
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot select (ctrl + f), vérifier que pour chaque formulaire, pour chaque liste de choix (balise
select), l'ordre des items (balise optgroup) est donné de manière pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 11.7.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot optgroup (ctrl + f), vérifier que chaque balise
optgroup a un attribut label.
- Si c'est le cas, le test est validé.
- Pour le test 11.7.d [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot optgroup (ctrl + f), vérifier que pour chaque balise
optgroup ayant un attribut label, le contenu de cet attribut est pertinent.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.8 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 11.8.a [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Form." de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails du formulaire".
- Des informations s'affichent à côté de chaque formulaire présent dans la page.
- Détecter la présence de boutons.
- Vérifier que dans chaque formulaire, chaque bouton est atteignable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 11.8.b [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Form." de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails du formulaire".
- Des informations s'affichent à côté de chaque formulaire présent dans la page.
- Détecter la présence de boutons.
- Vérifier que dans chaque formulaire, chaque bouton est activable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 11.8.c [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Form." de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails du formulaire".
- Des informations s'affichent à côté de chaque formulaire présent dans la page.
- Détecter la présence de boutons.
- Vérifier que dans chaque formulaire, chaque bouton a si nécessaire une alternative textuelle.
- Si c'est le cas, le test est validé.
- Pour le test 11.8.d [Argent] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Form." de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les détails du formulaire".
- Des informations s'affichent à côté de chaque formulaire présent dans la page.
- Détecter la présence de boutons.
- Vérifier que dans chaque formulaire, pour chaque bouton ayant une alternative textuelle, cette alternative est pertinente.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.9 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.9.a [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur les mots button et input (ctrl + f), vérifier que pour chaque formulaire, chaque bouton sans alternative textuelle est explicite visuellement.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 11.10 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 11.10.a [Bronze] et le
test 11.10.b [Bronze] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
revenir au sommaire
Thématique 12 : Navigation
Test(s) AccessiWeb permettant de vérifier le critère 12.1 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le
test 12.1.a [Argent], le
test 12.1.b [Argent] et le
test 12.1.c [Argent] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 12.2 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 12.2.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Liens".
- Une nouvelle fenêtre apparaît et tous les liens s'affichent sous forme de liste.
- Vérifier les intitulés de liens dans la colonne "Noms", leur url dans la colonne "Adresse" et leur type dans la colonne "Type" (par exemple, "Ancre").
- Vérifier que chaque page Web a si nécessaire un lien de navigation interne (balise
a avec attribut href) qui permet d'accéder directement au contenu de la page.
- Si c'est le cas, le test est validé.
- Pour le test 12.2.b [Or] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Liens".
- Une nouvelle fenêtre apparaît et tous les liens s'affichent sous forme de liste.
- Vérifier les intitulés de liens dans la colonne "Noms", leur url dans la colonne "Adresse" et leur type dans la colonne "Type" (par exemple, "Ancre").
- Vérifier que chaque page Web a si nécessaire un lien de navigation interne (balise
a avec attribut href) qui permet d'accéder directement au menu de navigation de la page.
- Si c'est le cas, le test est validé.
- Pour le test 12.2.c [Or] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Liens".
- Une nouvelle fenêtre apparaît et tous les liens s'affichent sous forme de liste.
- Vérifier les intitulés de liens dans la colonne "Noms", leur url dans la colonne "Adresse" et leur type dans la colonne "Type" (par exemple, "Ancre").
- Vérifier que chaque page Web a si nécessaire des liens de navigation interne (balise
a avec attribut href).
- Si c'est le cas, le test est validé.
- Pour le test 12.2.d [Or] :
- Sous Firefox, ouvrir la page à analyser.
- 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 "Liens".
- Une nouvelle fenêtre apparaît et tous les liens s'affichent sous forme de liste.
- Vérifier les intitulés de liens dans la colonne "Noms", leur url dans la colonne "Adresse" et leur type dans la colonne "Type" (par exemple, "Ancre").
- Vérifier que dans chaque page Web, pour chaque lien de navigation interne (balise
a avec attribut href), le lien fonctionne correctement.
- Si c'est le cas, le test est validé.
- Pour le test 12.2.e [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Vérifier la présence d'art ASCII
- 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 "Liens".
- Une nouvelle fenêtre apparaît et tous les liens s'affichent sous forme de liste.
- Vérifier les intitulés de liens dans la colonne "Noms", leur url dans la colonne "Adresse" et leur type dans la colonne "Type" (par exemple, "Ancre").
- Vérifier que chaque page Web a si nécessaire un lien de navigation interne (balise
a avec attribut href) qui permet de passer une figure d'art ASCII.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 12.3 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 12.3.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Vérifier que la page analysée fait partie d'un ensemble de pages déterminé.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les Accesskeys".
- Le texte "Accesskey=[valeur du raccourci clavier]" précède chacun des raccourcis clavier de la page Web.
- Vérifier que pour chaque page d'un ensemble de pages Web, chaque raccourci clavier (attribut
accesskey) défini pour cet ensemble de pages est présent.
- Si c'est le cas, le test est validé.
- Pour le test 12.3.b [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les Accesskeys".
- Le texte "Accesskey=[valeur du raccourci clavier]" précède chacun des raccourcis clavier de la page Web.
- Vérifier que pour chaque page Web ayant des raccourcis clavier (attribut
accesskey), chaque raccourci clavier est implémenté de manière pertinente.
- Si c'est le cas, le test est validé.
- Pour le test 12.3.c [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Vérifier que la page analysée fait partie d'un ensemble de pages déterminé
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les Accesskeys".
- Le texte "Accesskey=[valeur du raccourci clavier]" précède chacun des raccourcis clavier de la page Web.
- Vérifier que pour chaque page d'un ensemble de pages Web et ayant des raccourcis clavier (attribut
accesskey), chaque raccourci clavier est implémenté de manière identique.
- Si c'est le cas, le test est validé.
Test(s) AccessiWeb permettant de vérifier le critère 12.4 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 12.4.a [Or] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Afficher les Accesskeys".
- Le texte "Accesskey=[valeur du raccourci clavier]" précède chacun des raccourcis clavier de la page Web.
- Vérifier que pour chaque page Web, chaque raccourci clavier obligatoire (attribut
accesskey) est présent.
- Si c'est le cas, le test est validé.
revenir au sommaire
Thématique 13 : Consultation
Test(s) AccessiWeb permettant de vérifier le critère 13.1 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 13.1.a [Bronze] et le test 13.1.b [Bronze] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 13.2 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 13.2.a [Argent]
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Recharger la page en appuyant sur la touche F5.
- Cliquer sur les liens faisant l'objet d'une redirection.
- Vérifier que chaque redirection automatique de page Web s'effectue côté serveur.
- Si c'est le cas, le test est validé.
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 ]
Test(s) AccessiWeb permettant de vérifier le critère 13.3 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 13.3.a [Argent] :
- 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 13.4 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 13.4.a [Bronze], le test 13.4.b [Bronze] et le test 13.4.c [Bronze] :
- Ces tests ne sont pas évaluables par la Barre d'Outils Web Developper (version 1.1.4).
Test(s) AccessiWeb permettant de vérifier le critère 13.5 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 13.5.a [Or] :
- 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 13.6 :
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 13.6.a [Or] :
- 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 13.7 :
- 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 ?
Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
- Pour le test 13.7.a [Bronze] :
- Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
- Pour le test 13.7.b [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Détecter la présence d'images animées
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- Vérifier que chaque image animée qui provoque un changement brusque de luminosité ou un effet de flash est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.c [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Puis dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que chaque script qui provoque un changement brusque de luminosité ou un effet de flash est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.d [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Vérifier que chaque contenu généré par une feuille de style qui provoque un changement brusque de luminosité ou un effet de flash est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.e [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque applet java qui provoque un changement brusque de luminosité ou un effet de flash est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.f [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Détecter la présence d'images animées
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- Vérifier que chaque image animée qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.g [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Puis dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que chaque contenu généré par une feuille de style qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.h [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Vérifier que chaque contenu généré par une feuille de style qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.i [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque applet java qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.j [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Détecter la présence d'images animées.
- 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".
- Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
- Vérifier que chaque image animée qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.k [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Puis dans le menu "Désactiver" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver JavaScript" puis l'option "Tout le JavaScript".
- Vérifier que chaque script qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.l [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- 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".
- Vérifier que chaque contenu généré par une feuille de style qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
- Pour le test 13.7.m [Bronze] :
- Sous Firefox, ouvrir la page à analyser.
- Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
- Une nouvelle fenêtre apparaît contenant le code source de la page.
- En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque applet java qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
- Si c'est le cas, le test est validé.
revenir au sommaire
revenir en haut de la page