Les alternatives au Javascript
 |
|
Imprimer 
|
Envoyer 
|
Partager
|
Avertissement : la version originale de ce document est Creating Accessible JavaScript : JavaScript Alternatives. Cette traduction en français a été réalisée par Ideose dans le cadre d’un accord entre WebAIM et Ideose.
Note : consulter la page Documents sur l’accessibilité du Web pour obtenir la liste de tous les documents déjà traduits. D’autres ressources sur l’accessibilité du Web sont également listées dans le Portail du numérique accessible.
Sommaire
- Page 1 : Introduction
- Page 2 : Gestionnaire d’événements JavaScript
- Page 3 : Les autres problématiques de l’accessibilité du JavaScript
- Current page: Page 4 : JavaScript Alternatives
- Page 5 : Synthèse pour le JavaScript accessible
Introduction
Chaque fois que le JavaScript ne peut pas être rendu directement accessible, une alternative accessible doit être fournie. En effet, de nombreux agents utilisateurs, tels que les téléphones mobiles avec navigation Web et les PDA, ne sont pas encore en mesure d’utiliser le JavaScript. Il existe plusieurs façons de donner des alternatives accessibles lorsque le script ne peut pas être rendu accessible ou lorsque l’utilisateur ne dispose pas de JavaScript.
Traitement côté serveur
Dans de nombreux cas, la fonctionnalité fournie par le JavaScript peut être dupliquée par un script côté serveur. Par exemple, le JavaScript est souvent utilisé pour valider les données de formulaire avant que le formulaire ne soit envoyé. Au lieu de mettre en oeuvre ces programmes JavaScript et les techniques d’accessibilité associées, vous pouvez utiliser un script côté serveur afin de valider les données du formulaire. JavaScript est souvent utilisé pour écrire des informations dynamiques sur une page Web, telles que la date et/ou l’heure courante. Encore une fois, utiliser un script côté serveur élimine le besoin de mettre en oeuvre des techniques d’accessibilité.
Utiliser la balise <noscript>
Rendre nativement accessible le JavaScript est très important. Cependant, dans certains cas, l’utilisateur final peut ne pas avoir le JavaScript activé ou peut utiliser des technologies qui ne supportent pas le JavaScript (par exemples, téléphone mobile, PDA, etc.). Dans ce cas, vous devez fournir des alternatives non JavaScript pour l’utilisateur qui ne peut pas ou qui choisit de ne pas afficher le contenu JavaScript.
Quand le JavaScript est utilisé dans une page Web, la plus simple façon d’offrir une alternative pour le contenu généré par JavaScript est de fournir du contenu à l’intérieur de la balise <noscript>. La balise <noscript> peut être utilisée au sein de votre page pour afficher du contenu dans les navigateurs qui ne supportent pas ou qui ont désactivé le JavaScript. Cependant, si le JavaScript est activé la balise <noscript> est ignorée.
Important
Fournir une alternative accessible avec la balise <noscript> pour un script inaccessible ne rendra pas la page accessible. La balise <noscript> affichera uniquement le contenu que si le JavaScript est désactivé. La plupart des utilisateurs ont un lecteur d’écran avec JavaScript activé. Par conséquent, les lecteurs d’écrans liront le script inaccessible et non le contenu de la balise <noscript>.
La balise <noscript> fournit un texte alternatif pour le JavaScript. Si le contenu ou les fonctionnalités de ce script ont besoin d’une alternative accessible quand le JavaScript est désactivé, vous devez utiliser la balise <noscript>. Le contenu de la balise <noscript> devrait idéalement contenir l’équivalent du contenu ou de la fonctionnalité qui est fournie par le script. Cependant, c’est souvent impossible. Il ne suffit pas de simplement indiquer, « Votre navigateur ne supporte pas le JavaScript ». Cela ne rend en rien le contenu accessible. Vous pouvez, par exemple, fournir un lien vers une alternative accessible HTML, ou à une page qui utilise des scripts côté serveur à la place. Ou au moins, décrire le type de contenu qui serait affiché si le JavaScript était activé.
La balise <noscript> doit être utilisée à chaque fois qu’une alternative ou un contenu non JavaScript est nécessaire.
<!– document.write(« Heure actuelle ets : » + currenttime) –>
</script>
<noscript>
<!– lien vers une page qui affiche l’heure par un script côté serveur –>
<a href= »time.htm »>Voir l’heure actuelle</a>
</noscript>
Exemple avec <noscript>
Dans l’exemple suivant, deux boutons de formulaires sont fournis dans le code HTML. Si vous avez le JavaScript, la commande document.write à l’intérieur de la balise <script> affiche le premier bouton. Si ce bouton est sélectionné, il déclenche une fonction JavaScript qui peut être utilisée pour valider et soumettre le formulaire en utilisant du JavaScript supplémentaire dans la page. Si le JavaScript n’est pas activé, alors le bouton figurant dans la balise <noscript> est affiché, les données du formulaire pourraient être envoyées vers un script côté serveur, qui fournirait alors la validation et les commentaires pour le formulaire.
Tester l’exemple avec <noscript>
<!–
document.write(‘<input type= »button » value= »Submit » onclick= »validateForm(); » />’);
–>
</script>
<noscript>
<p>
<input type= »submit » value= »Submit »>
</p>
</noscript>
WebAIM est une initiative de :
Copyright 1999-2009 WebAIM
S'abonner au blog Ideose