retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Scripts > Fiche 7.2

Fiche 7.2 : Des actions peuvent-elles être accomplies même si le périphérique pour lequel elles sont prévues est désactivé ?

Carte d'identité

  • Critère AccessiWeb : 7.2
  • Niveau AccessiWeb : bronze
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 6.4, 9.2, 9.3

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Contrôler les liens associés à l'attribut onmouseover et vérifier s'il existe une alternative par l'intermédiaire de la balise NOSCRIPT.
  2. Vérifier la présence de l'alternative NOSCRIPT aux menus déroulants (rechercher les divisions associées aux liens "onMouseOver").
  3. Vérifier la présence de l'attribut accesskey dans les liens et les objets de formulaire.
  4. Vérifier la présence de l'alternative NOSCRIPT pour les listes déroulantes.

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 AccessiWeb (version 1.0) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "7. Scripts" de la Barre AccessiWeb, activer le critère 7.2.
  3. Toutes les actions de la page générées par un javascript restent activées.
  4. Vérifier que vous pouvez naviguer dans la page sans utiliser la souris par l'intermédiaire du clavier (touche Tabulation).
  5. Puis, faire les tests ci-après sans utiliser la souris (par l'analyse du code source):
    • Contrôler les liens associés à l'attribut onmouseover et vérifier s'il existe une alternative NOSCRIPT.
    • Vérifier la présence de l'alternative NOSCRIPT aux menus déroulants (rechercher les divisions associées aux liens "onMouseOver").
    • Vérifier la présence de l'attribut ACCESSKEY dans les liens et les objets de formulaire.
    • Vérifier la présence de l'alternative NOSCRIPT pour les listes déroulantes.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Cliquer sur le menu "Options IE", puis sur l'option "activer/désactiver le Javascript".
  2. Faire les tests ci-après sans utiliser la souris:
  3. Contrôler les liens associés à l'attribut onmouseover et vérifier s'il existe une alternative NOSCRIPT.
  4. Vérifier la présence de l'alternative NOSCRIPT aux menus déroulants (rechercher les divisions associées aux liens "onMouseOver").
  5. Vérifier la présence de l'attribut accesskey dans les liens et les objets de formulaire.
  6. Vérifier la présence de l'alternative NOSCRIPT pour les listes déroulantes.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Cliquer sur le menu "Désactiver", puis sur l'option "Désactiver JavaScript".
  2. Faire les tests ci-après sans utiliser la souris :
    • Contrôler les liens associés à l'attribut onmouseover et vérifier s'il existe une alternative NOSCRIPT.
    • Vérifier la présence de l'alternative NOSCRIPT aux menus déroulants (rechercher les divisions associées aux liens "onMouseOver").
    • Vérifier la présence de l'attribut accesskey dans les liens et les objets de formulaire.
    • Vérifier la présence de l'alternative NOSCRIPT pour les listes déroulantes.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur doit veiller au respect de ce critère.

Implémentation

Ce critère concerne principalement les dispositifs de pointage (tels que la souris). Cela signifie que lorsque ce dispositif est déconnecté dans le navigateur, tous les événements liés à la souris sont inopérants. Ces événements sont de deux types :

Il n'est pas nécessaire de concevoir une alternative pour le premier type, car la plupart des navigateurs permettent le déclenchement d'un lien par la touche ENTREE.
Pour le second, il faut concevoir une alternative systématique à tout événement correspondant au "onMouseOver" de la souris. Notez que ce problème est identique à celui lié au blocage des scripts (critères 7.1, 13.2). Il faut donc le considérer dans l'ensemble de la problématique de la désactivation des scripts. L'alternative est basée sur la présence de raccourcis clavier et sur l'usage de la balise NOSCRIPT. Toutefois, il faut prendre en compte le fait que tous les navigateurs ne gèrent pas les raccourcis clavier (les plus courants les gèrent, mais pas forcément de la même façon).

Exemple de mauvaise pratique

Dans l'exemple de code qui suit, le lien devrait être associé à un raccourci clavier :

<a href="http://www.frenchcoursebyfrenchteacher.com/frenchcourse/presentation.html">

Exemple de bonne pratique

Comme évoqué dans la partie "implémentation", nous étudions quatre situations courantes pour lesquelles les scripts sont généralement utilisés. Il s'agit des liens, des formulaires, des listes déroulantes et des menus.

Les liens
Le raccourci clavier est paramétré dans la balise A, associée au lien :

<a accesskey="L" href="http://www.frenchcoursebyfrenchteacher.com/frenchcourse/presentation.html">
<strong>L</strong>etter to my students</a>

Les formulaires

<form name="monform" onsubmit="http://www.monsite.com/reception.php">
<label for="nom"><strong>N</strong>om :</label>
<input type="text" name="nom" id="nom" accesskey="n" value="Ton nom"><br />
<label for="prenom"><strong>P</strong>rénom :</label>
<input type="text" name="prenom" id="prenom" accesskey="p" value="Ton prénom"><br />
<input accesskey="s" type="submit" value="Envoyer">
</form>

Les listes déroulantes

<h1>exemple de liste déroulante actionnée avec du javascript</h1>
navigateur : Mozilla/4.0 (compatible; msIE 5.5; Windows 98)<br>
<select name="liste"
onchange="window.open(this.options[this.selectedindex].value,'_top')">
<option value="http://www.voirplus.net">voirplus.net</option>
<option value="http://www.urbilog.fr">urbilog.fr</option>
<option value="http://www.yahoo.fr">yahoo.fr</option>
</select>
<noscript>
<br /><br />
liste déroulante inactive<br>
Voici les liens se trouvant dans la liste déroulante<br>
<a href="http://www.voirplus.net">voirplus.net</a><br>
<a href="http:// www.urbilog.fr">urbilog.fr </a><br>
<a href="http://www.yahoo.fr">yahoo.fr</a><br>
</noscript>

Les menus

<noscript>
Menu 1 : où aller?<br />
<a href="alamaison.html" alt="maison">Je rentre à la maison</a><br />
<a href="auboulot.html" alt="travail">Je vais travailler</a><br />
<a href="ouf.html" alt="balade">Je vais me balader</a><br />
Menu 2 : que faire?<br />
<a href="dormir.html" alt="dormir">Je vais dormir, bonsoir tous</a><br />
<a href="courrir.html" alt="courrir">Je vais courrir, salut à tous</a><br />
<a href="reflechir.html" alt="réfléchir">Je vais réfléchir</a><br />
</noscript>

revenir en haut de la page

Illustrations

Le clavier virtuel est absent si Javascript est désactivé

Cette capture d'écran présente une page sur laquelle il est demandé de cliquer sur les chiffres d'un clavier dessiné à l'écran pour entrer un code secret. Le clavier est normalement créé au chargement de la page par des fonctions javascript. Or les javascripts ont été désactivés. Le clavier virtuel ne s'affiche donc pas et l'utilisateur est dans l'impossibilité d'entrer son code secret.

revenir en haut de la page

Références

Autres fiches à consulter

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 7.1 Fiche suivante : fiche 8.1

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact