Javascript et accessibilité : introduction
![]() |
|
Imprimer
|
Envoyer
|
Partager
|
Avertissement : la version originale de ce document est Creating Accessible JavaScript : Overview. 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
- Vous êtes sur la Page 1 : Introduction
- Page 2 : Gestionnaire d’événements Javascript
- Page 3 : Les autres problématiques de l’accessibilité du Javascript
- Page 4 : Les alternatives au Javascript
- Page 5 : Synthèse pour le Javascript accessible
Présentation du JavaScript
Il est peut être préférable de définir ce que n’est PAS le JavaScript. Premièrement, le JavaScript n’utilise pas de balises HTML et ne dépend pas des règles générales du langage HTML. Cependant, vous pouvez utiliser du JavaScript avec le HTML sur une page Web. Deuxièmement, le JavaScript n’est pas du Java. Bien que le JavaScript soit souvent appelé Java, les deux sont différents. Java a été développé par Sun Microsystems et il est un langage de programmation complet. De son côté, le JavaScript a été développé par Netscape Corporation. Bien que similaire à la syntaxe Java, le JavaScript n’est pas un langage de programmation indépendant. Pour que le JavaScript fonctionne, il doit faire partie d’une page Web qui est affichée dans un navigateur qui comprend le langage JavaScript. Le langage de programmation Java de Sun peut être implémenté dans les pages Web en tant que programme interne, alors que les scripts JavaScript dépendent de l’ordinateur du client (visiteur) pour fonctionner.
Une fois de plus, le JavaScript n’est pas du HTML ou une version du HTML. C’est un langage de script distinct. HTML est lu et traité par le navigateur Web. Lorsque le navigateur lit le code JavaScript dans votre document HTML, il exécute le code, puis affiche toutes les sorties à l’intérieur de la page Web. Pour lire le JavaScript, l’ordinateur doit avoir un interpréteur de JavaScript, un programme qui interprète et exécute le script, et cet interpréteur doit être activé.
Quand il est utilisé seul, le HTML permet uniquement de créer des pages statiques. Il y a alors peu d’interaction avec l’utilisateur et peu de contenu dynamique à l’intérieur d’une page. Le HTML ne peut pas « penser », il n’a pas les capacités pour effectuer des mathématiques, pour stocker des variables ou pour afficher du contenu dynamiquement. Le JavaScript permet à votre page Web de « penser ». Bien que beaucoup de programmes de scripts côté serveur (tels que PHP, JPS, ASP ou ColdFusion) ont la capacité de traiter de telles fonctions, le JavaScript peut exécuter ces fonctions dans le navigateur Web du poste client. Parce que le JavaScript est un langage de script, il permet aux développeurs d’implémenter des petites applications dans leurs pages. Ces programmes peuvent faire des choses aussi simples que de changer une image lorsque la souris la survole ou des choses aussi compliquées que l’exécution de formules mathématiques entrées par l’utilisateur.
Les problématiques d’accessibilité du JavaScript
Le JavaScript permet aux développeurs d’ajouter plus d’interaction, plus de traitement de l’information et de contrôle d’un contenu Web. Cependant, le JavaScript peut aussi créer des problèmes d’accessibilité. Ces problèmes comprennent notamment :
- Navigation. Incapacité ou difficulté à naviguer par le clavier ou en utilisant une technologie d’assistance.
- Contenu caché. Présentation d’un contenu ou d’une fonctionnalité non accessible aux technologies d’assistance.
- Contrôle par l’utilisateur. Difficulté de contrôle par l’utilisateur des changements automatiques de contenus.
- Confusion/Désorientation. Modification ou suppression des fonctionnalités d’origine d’un agent utilisateur (navigateur) ou déclenchement d’événements dont l’utilisateur n’a pas connaissance.
Une page Web contenant des scripts JavaScript est généralement accessible, si les fonctionnalités Javascript sont indépendantes du périphérique (ne fonctionnent pas seulement à la souris ou seulement au clavier) et que l’information (le contenu) est disponible pour les technologies d’assistance. Malheureusement, il n’existe pas de solution facile pour résoudre tous les problèmes d’accessibilité liés au JavaScript. La seule façon d’assurer l’accessibilité du JavaScript est de faire l’évaluation de chaque script et de concevoir une solution appropriée à chaque problème d’accessibilité rencontré. Les développeurs doivent se familiariser avec les questions relatives à l’accessibilité du JavaScript et trouver des solutions pour réaliser une ou deux des actions suivantes :
- Rendre le JavaScript directement accessible.
- Donner au Javascript une alternative accessible (n’utilisant pas le Javascript).
Le JavaScript qui n’a pas de conséquence sur l’accessibilité
Le fait que le Javascript soit utilisé sur une page ne signifie pas nécessairement que la page est inaccessible. Dans de nombreux cas, le JavaScript peut être utilisé pour accroître l’accessibilité. Des informations supplémentaires, des avertissements ou des instructions peuvent être donnés aux utilisateurs par le biais d’annonces JavaScript (JavaScript prompt). Par exemple, dans le cadre de la Section 508 (la loi aux États-Unis), un utilisateur doit être averti quand un temps limite de réponse est nécessaire et doit disposer de la possibilité de demander plus de temps. Une telle fonctionnalité serait difficile à faire avec le langage HTML seul.
Le JavaScript est parfois utilisé pour créer des éléments de l’interface visuelle qui n’ont pas d’incidence sur l’accessibilité. Le JavaScript est couramment utilisé pour les ‘images rollovers‘ où une image est remplacée par une autre lorsque la souris est placée au-dessus de l’image (par exemple, quand un élément de navigation change pour afficher une ombre, un éclat ou une mise en valeur lorsque l’utilisateur passe la souris au-dessus).
Placez votre souris au-dessus de l’image suivante pour voir l’exemple JavaScript qui n’a pas de conséquence sur l’accessibilité.
Problèmes
Aucun. Dans cet exemple, aucun contenu ou fonctionnalité importante n’est introduit par le Javascript. Le changement d’image est purement décoratif.
Solution
Aucune technique d’accessibilité supplémentaire n’est demandée. N’oubliez pas de mettre à l’image une alternative textuelle (par exemple, <img alt="Accueil"...>).
Ce type d’utilisation du langage JavaScript n’a pas besoin de fonctionnalité d’accessibilité supplémentaire car aucun contenu important ne s’affiche.
Rendre accessible le JavaScript consiste à étudier les questions suivantes. Chacune d’entre elles seront discutées dans les pages suivantes.
- Quand vous gérez des événements, utilisez seulement ceux qui sont indépendants du périphérique (par exemple, ceux qui n’imposent pas d’utiliser uniquement la souris ou uniquement le clavier).
- Les contenus et les fonctionnalités qui sont fournis par des scripts doivent être rendus accessibles aux technologies d’assistance.
- Les pages Web qui possèdent des scripts doivent être totalement navigables au clavier.
- Le JavaScript ne devrait pas modifier ou supplanter une fonctionnalité d’origine d’un navigateur si cela crée de la confusion.
- Quand le JavaScript ne peut pas être rendu nativement accessible, une alternative accessible doit être donnée (alternative n’utilisant pas le Javascript).
Comparaison entre les recommandations concernant le JavaScript
La thématique l’accessibilité des éléments de script est traitée à la fois par la Section 508 du Rehabilitation Act (États-Unis) et par les WCAG 1.0. Ils exigent que la fonctionnalité et le contenu des scripts soient accessibles aux technologies d’assistance comme les lecteurs d’écran par exemple. De plus, les utilisateurs doivent avoir le contrôle sur les changements dans le temps des contenus. Il y a cependant des différences entre ces deux documents. Les WCAG demandent à ce que le contenu et la fonctionnalité soient accessibles avec les scripts désactivés et que les utilisateurs soient avertis si le JavaScript modifie l’aspect ou la fonctionnalité de la fenêtre du navigateur, alors que la Section 508 demande seulement à ce que le script soit accessible ou qu’une alternative accessible soit donnée.
Tests de conformité du JavaScript
Comme indiqué ci-dessus, vos pages Web doivent être pleinement fonctionnelles avec le JavaScript désactivé. Cela est nécessaire en vertu de la priorité 1 des WCAG 1.0. La Section 508 ne demande pas que la page fonctionne si le JavaScript est désactivé, mais demande que les scripts eux-mêmes soient nativement accessibles. Ce tutoriel enseigne des stratégies pour rendre nativement accessibles vos scipts et suppose que si vous, en tant que développeur vous voulez atteindre un haut niveau en accessibilité ou vous conformer aux WCAG, vous devez tester vos pages afin de vous assurer qu’elles fonctionnent avec le JavaScript désactivé.
Désactiver le JavaScript
Suivez les instructions pour désactiver ou activer le JavaScript dans votre navigateur. Vous pouvez aussi déterminer si JavaScript est activé. Testez vos pages avec le JavaScript activé et vérifiez si les contenu et les fonctionnalités sont accessibles. Faites attention à ré-activez le JavaScript quand vous avez terminé vos tests.
Internet Explorer 6.X
- Lancer Internet Explorer.
- Sélectionner Outils > Options Internet.
- Dans la boîte de dialogue des Options Internet, sélectionnez l’onglet Sécurité.
- Cliquer sur le bouton Personnaliser le niveau en bas de la fenêtre. La boîte de dialogue des Paramètres de sécurité s’ouvre dans une nouvelle fenêtre.
- Dans la catégorie Script, activer/désactiver Active scripting, Permettre les opérations de collage via le script et Scripts des Applets Java.
- Cliquer sur OK 2 fois pour fermer la boîte de dialogue.
- Recharger la page.
Firefox 3.X
- Lancer Firefox.
- Sélectionner Outils > Options.
- Sélectionner l’onglet Contenu.
- Cocher/décocher Activer JavaScript.
- Cliquer sur OK.
- Recharger la page.
Netscape 7.X
- Lancer Netscape.
- Sélectionner Editer > Preferences.
- Cliquer sur la flèche près de Avancés.
- Cliquer sur Scripts & Plugins.
- Cocher/décocher le Navigateur pour « Javascript activé ».
- Cliquer sur OK.
- Recharger la page.
Opera 7.X
- Lancer Opera.
- Sélectionner Fichier > Préférences rapides.
- Cocher/décocher Activer Javascript.
- Recharger la page.
Liens commerciaux
WebAIM est une initiative de :
![]()
Copyright 1999-2009 WebAIM





























S'abonner au blog Ideose
