FICHE 7

LES SCRIPTS

 

1. Rappel des recommandations 6 et 8 et 9 des WCAG 1.0 :

Recommandation 6 :
" S'assurer que les pages sont accessibles même lorsque les dernières technologies ne sont pas supportées ou sont désactivées. "

Recommandation 8 :
" S'assurer que l'interface utilisateur respecte les principes d'accessibilité : Accès aux fonctionnalités indépendant du type d'interface-utilisateur, accès depuis le clavier, commandes vocales etc. "

Recommandation 9 :
" Utiliser des fonctions permettant l'activation des éléments d'une page grâce à différentes interfaces d'entrée. "

Points de contrôle : 6.3 (Priorité 1) ; 6.4 (Priorité 2) ; 8.1 (Priorité1) ; 9.3 (Priorité 2)

Raisons de ces recommandations

Certains éléments de navigation comme des liens, des listes déroulantes ou menus, des boutons de validation de formulaire sont gérés par des scripts s'exécutant dans le navigateur client.
Rappelons que les navigateurs textuels ne les interprètent pas et que nombre d'utilisateurs désactivent cette fonction dans leur navigateur.
Les scripts qui s'exécutent sur le serveur sont plus accessibles que les scripts qui s'exécutent dans le navigateur client (Javascript Vbscript....). Ces options techniques respectent la grande diversité des plates-formes et des interfaces utilisées ; elles permettent une grande interactivité des sites et de produire des pages HTML dynamiques tout en envoyant au logiciel du visiteur du HTML respectant les normes d'accessibilité du WAI.

Les scripts exécutés du côté client entravent la navigation de certains internautes. Ils provoquent dans la majorité des cas une altération ou une perte d'informations préjudiciables à une bonne accessibilité, si une alternative n'est pas présente dans le même document.

2. Ce qu'il faut faire

La règle générale

Veiller à ce que l'information soit présente, accessible même sans les scripts.

Les scripts et applets

  • Prévoir systématiquement une solution alternative utilisant le HTML, basée sur des scripts côté serveur.
  • Utiliser l'élément " noscript " afin que l'information contenue dans le script soit accessible.
  • Eviter la vérification ou la validation d'un ou plusieurs éléments d'un formulaire (champ de saisie ou bouton de validation par exemple) à l'aide de Javascript. Il est préférable de mettre en place des mécanismes de vérification et de validation directement au niveau du serveur.

Note : S'assurer donc que tout élément de la page peut être activé d'une manière indépendante d'un matériel spécifique. Pour les scripts, il importe de spécifier des gestionnaires d'événements logiques plutôt que des gestionnaires dépendants du matériel.

Exemple :

Code HTML d'une liste déroulante gérée par du JavaScript. L'information contenue dans la balise "noscript" reprend exactement les éléments de la liste. Il n'y a pas de perte d'information.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Liste déroulante accessible</title>
<link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
<center>
<H1>Exemple de liste déroulante actionnée avec du JavaSsript</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>
</center>
</body>
</html>


liste déroulante à partir du javascript

La liste déroulante gérée par un script JavaScript

liste déroulante actionnée avec du java script

Le champ "noscript" reprend sous forme d'une liste de liens textuels, la liste des liens présents dans la liste déroulante : l'information est complètement restituée.

3. Applications à l'aide des éditeurs HTML

A l'heure actuelle, les outils les plus utilisés comme FrontPage et Dreamweaver ne proposent pas encore dans leurs menus d'utiliser la balise alternative "noscript".

4. Exemples rencontrés sur les sites évalués

  • Des listes déroulantes gérées par un script sont présentes sur les sites de l'ANPE (www.anpe.fr), de l'Académie de Strasbourg (www.ac-strasbourg.fr), par exemple.
  • Sur certains sites (www.cada.fr ; www.minefi.gouv.fr) nous avons aussi des liens activables par du javascript.
  • Le site de la surêté nucléaire (www.asn.gouv.fr) présente des scripts qui permettent l'affichage d'information complémentaire sur un lien lorsque l'on passe la souris sur celui-ci.

retour aux fiches