Guide AccessiWeb

1. Accueil
2. Mode d'emploi
3. Structure d'une fiche
4. Fiches AccessiWeb
   • 1) Images
   • 2) Cadres
   • 3) Couleurs
   • 4) Multimédia
   • 5) Tableaux
   • 6) Liens
   • 7) Code exécutable
   • 8) Eléments obligatoires
   • 9) Structuration de l'information
   • 10) Présentation de l'information
   • 11) Formulaires
   • 12) Navigation
   • 13) Consultation
5. Glossaire
6. Aide à l'évaluation
   • Liste d'outils
   • Manuel Code Source
   • Manuel WAT [Internet Explorer]
   • Manuel Web Dev [Firefox]
7. Référentiel AccessiWeb
   • AccessiWeb v1.1 [Général]
   • AccessiWeb v1.1 [Déployé]
   • AccessiWeb v1.0
8. Tables de correspondance
   • AW v1 vers AW v1.1 [Général]
   • AW v1.1 [Général] vers AW v1.1 [Déployé]
   • AW v1.1 [Général] vers WCAG 1.0
   • AW v1.1 [Général] vers UWEM 1.0
   • AW v1.1 [Déployé] vers UWEM 1.0
   • AW v1.1 [Général] vers WCAG 2.0
   • AW v1.1 [Général] vers mobileOK Basic 1.0
   • AW v1.1 [Général] vers RGAA
9. Moteur de recherche
10. Références
11. Remerciements
12. Plan du guide

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

revenir en haut de la page

Carte d'identité du critère 13.7 [niveau AccessiWeb : Bronze]

revenir en haut de la page

Comprendre

Comprendre le critère

L'utilisateur doit avoir le contrôle de toutes les informations dans un format spécifique présentes dans toutes les pages Web.

Bénéfices pour les utilisateurs

• Bénéfice 1 :
  Permettre à l'utilisateur de contrôler sa lecture de l'information est un facteur essentiel de l'accessibilité pour tous.
  
  
• Bénéfice 2 :
  Présenter l'information de manière plus statique et lisible en évitant par exemple les textes défilants, les changements de niveaux de couleurs trop importants, et les rechargements intempestifs, permet à tous les utilisateurs une meilleure concentration pour la lecture de l'information car leur attention n'est pas détournée par ce type de dispositif.
  
  
• Bénéfice 3 :
  Cela évite également les risques de convulsions épileptiques pour certains utilisateurs plus sensibles aux clignotements à fréquences élevées et aux passages rapides d'un environnement visuel sombre à un environnement visuel clair.

Valeur ajoutée pour le site

• Permettre le contrôle ou limiter sensiblement l'utilisation d'animations visuelles ou sonores, qui perturbent généralement l'accès à l'information, peut contribuer à réduire le poids des pages.

revenir en haut de la page

Comment évaluer

Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.

Par le code source

1. Sélectionner le(s) élément(s) à tester :
   • Identifier dans un navigateur graphique toutes les informations dans un format spécifique.
   • Identifier les moyens de contrôle de chacun de ces éléments mis à la disposition de l'utilisateur.
   
   
   
2. Appliquer le(s) test(s) suivant(s) :
   • Test 13.7.a [Bronze] : Dans chaque page Web, chaque information qui défile est-elle contrôlable au moins par le clavier et la souris ?
   • Test 13.7.b [Bronze] : Dans chaque page Web, chaque image animée (balise img ou balise object) qui provoque un changement brusque de luminosité ou un effet de flash est-elle contrôlable au moins par le clavier et la souris ?
   • Test 13.7.c [Bronze] : Dans chaque page Web, chaque script qui provoque un changement brusque de luminosité ou un effet de flash est-il contrôlable au moins par le clavier et la souris ?
   • Test 13.7.d [Bronze] : Dans chaque page Web, chaque contenu généré par une feuille de style qui provoque un changement brusque de luminosité ou un effet de flash est-il contrôlable au moins par le clavier et la souris ?
   • Test 13.7.e [Bronze] : Dans chaque page Web, chaque applet java qui provoque un changement brusque de luminosité ou un effet de flash est-elle contrôlable au moins par le clavier et la souris ?
   • Test 13.7.f [Bronze] : Dans chaque page Web, chaque image animée (balise img ou balise object) qui provoque un clignotement est-elle contrôlable au moins par le clavier et la souris ?
   • Test 13.7.g [Bronze] : Dans chaque page Web, chaque script qui provoque un clignotement est-il contrôlable au moins par le clavier et la souris ?
   • Test 13.7.h [Bronze] : Dans chaque page Web, chaque contenu généré par une feuille de style qui provoque un clignotement est-il contrôlable au moins par le clavier et la souris ?
   • Test 13.7.i [Bronze] : Dans chaque page Web, chaque applet java qui provoque un clignotement est-elle contrôlable au moins par le clavier et la souris ?
   • Test 13.7.j [Bronze] : Dans chaque page Web, chaque image animée (balise img ou balise object) qui provoque un mouvement est-elle contrôlable au moins par le clavier et la souris ?
   • Test 13.7.k [Bronze] : Dans chaque page Web, chaque script qui provoque un mouvement est-il contrôlable au moins par le clavier et la souris ?
   • Test 13.7.l [Bronze] : Dans chaque page Web, chaque contenu généré par une feuille de style qui provoque un mouvement est-il contrôlable au moins par le clavier et la souris ?
   • Test 13.7.m [Bronze] : Dans chaque page Web, chaque applet java qui provoque un mouvement est-elle contrôlable au moins par le clavier et la souris ?
   
   
3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la Barre d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :

• Pour le test 13.7.a [Bronze] :
  1. Ce test n'est pas évaluable par la Barre d'outils Accessibilité du Web (version 2.0 beta).
  
  
• Pour le test 13.7.b [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Détecter la présence d'images animées
  3. Dans le menu "Images" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des images".
  4. Tous les éléments graphiques de la page s'affichent.
  5. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des fichiers multimédias [nouvelle fenêtre]".
  6. La liste des balises object apparaît.
  7. Vérifier que chaque image animée (balise img ou balise object) qui provoque un changement brusque de luminosité ou un effet de flash est contrôlable au moins par le clavier et la souris.
  8. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.c [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "IE" de la Barre d'outils Accessibilité du Web (version 2.0 beta), décocher l'option "Activer le javascript".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.d [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Désactiver les CSS".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.e [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des Applets / Scripts [nouvelle fenêtre]".
  3. Tous les balises applet de la page s'affichent.
  4. 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.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.f [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Détecter la présence d'images animées.
  3. Dans le menu "Images" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des images".
  4. Tous les éléments graphiques de la page s'affichent.
  5. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des fichiers multimédias [nouvelle fenêtre]".
  6. La liste des balises object apparaît.
  7. Vérifier que chaque image animée (balise img ou balise object) qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
  8. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.g [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "IE" de la Barre d'outils Accessibilité du Web (version 2.0 beta), décocher l'option "Activer le javascript".
  3. Vérifier que chaque script qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.h [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Désactiver les CSS".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.i [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des Applets / Scripts [nouvelle fenêtre]".
  3. Tous les balises applet de la page s'affichent.
  4. Vérifier que chaque applet java qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.j [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Détecter la présence d'images animées.
  3. Dans le menu "Images" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des images".
  4. Tous les éléments graphiques de la page s'affichent.
  5. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des fichiers multimédias [nouvelle fenêtre]".
  6. La liste des balises object apparaît.
  7. Vérifier que chaque image animée (balise img ou balise object) qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
  8. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.k [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "IE" de la Barre d'outils Accessibilité du Web (version 2.0 beta), décocher l'option "Activer le javascript".
  3. Vérifier que chaque script qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.l [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Désactiver les CSS".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.m [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Informations" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Liste des Applets / Scripts [nouvelle fenêtre]".
  3. Tous les balises applet de la page s'affichent.
  4. Vérifier que chaque applet java qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
  5. Si c'est le cas, le test est validé.

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

• Pour le test 13.7.a [Bronze] :
  1. Ce test n'est pas évaluable par la Barre d'Outils Web Developper (version 1.1.4).
  
  
• Pour le test 13.7.b [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Détecter la présence d'images animées
  3. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  4. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  5. 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.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.c [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. 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".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.d [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.e [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque 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.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.f [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Détecter la présence d'images animées
  3. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  4. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  5. Vérifier que chaque image animée qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.g [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. 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".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.h [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.i [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque applet java qui provoque un clignotement est contrôlable au moins par le clavier et la souris.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.j [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Détecter la présence d'images animées.
  3. Dans le menu "Information" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Informations sur la page" puis l'onglet "Médias".
  4. Une nouvelle fenêtre apparaît et tous les éléments graphiques s'affichent sous forme de liste.
  5. Vérifier que chaque image animée qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
  6. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.k [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. 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".
  3. Vérifier que chaque script qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.l [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. 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.
  4. Si c'est le cas, le test est validé.
  
  
• Pour le test 13.7.m [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot applet (ctrl + f), vérifier que chaque applet java qui provoque un mouvement est contrôlable au moins par le clavier et la souris.
  5. Si c'est le cas, le test est validé.

revenir en haut de la page

Comment mettre en oeuvre

Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.

Qui est concerné ?

Ceci implique une réflexion en amont pour intégrer une alternative aux informations non-statiques demandées par les graphistes ou ergonomes. La volonté d'"animer" une page web doit être réfléchie afin de ne pas exclure certains utilisateurs plus sensibles que d'autres aux variations de couleurs et aux mouvements.

Implémentation

De manière générale, lorsqu'un contenu spécifique est présent dans la page et ne peut être évité, il faut toujours donner la possibilité à l'utilisateur d'en contrôler la présentation.

Par exemple, lors de l'utilisation d'un texte défilant dans une animation Flash ou d'un gif animé avec des couleurs clignotantes, proposer à l'utilisateur la possibilité de stopper et de relancer ces différents types d'animation par l'intermédiaire de liens ou de boutons.

Concernant le cas des utilisateurs épileptiques, à photosensibilité élevée, ou ayant des troubles de la concentration), les clignotements aux couleurs vives et à fréquence trop rapide sont à proscrire.

Exemple de mauvaise pratique

Il n'y a pas d'exemple pour cette rubrique.

Exemple de bonne pratique

Il n'y a pas d'exemple pour cette rubrique.

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

• html techniques for WCAG 1.0 (section 8) : Applets and other programmatic objects
• html techniques for WCAG 1.0 (section 12.3) : Scripts that cause movement and blinking

revenir au sommaire de la fiche

revenir en haut de la page

---

Guide AccessiWeb (version 3.1, 2 mars 2009) | Conditions d'utilisation | Contact
Copyright © 2009 Association BrailleNet. Tous droits Réservés.