Javascript ne pose pas de problèmes d’accessibilité en soi, c’est sa mauvaise utilisation qui en crée. Ainsi, un site destiné au public qui n’est pas un outil de développement ne devrait pas utiliser javascript bloquer l’utilisation du site ou pour générer du contenu.

Prenons un exemple classique des validations de formulaire. Une jeune entreprise, en quête de commentaires de ces visiteurs, proposent un formulaire en ligne. Le but du formulaire est de « facilité » l’envoie de message et d’éviter l’utilisation de logiciel externe de messagerie. Or, il y arrive souvent que l’entreprise valide les renseignements une première fois à l’aide de javascript pour éviter les erreurs d’inattention du visiteur. Par exemple, regarder si l’adresse de courrier électronique contient un arobas @ et si elle est valide. Cela évite le rechargement de la page. L’intention est bonne, la pratique utilisée sera peut-être mauvaise.

Le piège dans lequel il ne faut pas tomber est le suivant: il ne faut pas utiliser Javascript comme seul moyen d’envoyer le formulaire. Si l’usager n’a pas Javascript, il ne peut pas vous écrire et il ne peut pas vous dire qu’il est coincé. La meilleure solution est de bloquer l’envoie si et seulement si le Javascript est activé et si le formulaire contient des erreurs. Si Javascript n’est pas activé, le script côté serveur se chargera de valider les informations du formulaire et d’afficher s’il y a lieu les messages d’erreurs.

De plus, du point de vue de la sécurité, il ne faut jamais se fier aux entrées du client et toujours valider tout ce qui accède au serveur par le serveur. Simuler un envoi de formulaire sur Internet est une tâche extrêmement simple. Il faut donc valider les données du côté client (pour une utilisation plus agréable) et valider encore une fois les données du côté serveur pour des questions de sécurité.

Un autre exemple de mauvaise utilisation de Javascript est l’ajout de menu dynamique dans une page. Souvent, les menus représentent la seule façon de naviguer sur le site et sont donc essentiels. Si vous générer les menus et l’informations pertinentes dynamiquement, l’informations devient inaccessibles à tout ceux qui n’ont pas Javascript. Le visiteur se retrouve avec une page sans menu et sans lien. Il se retrouve dans une page cul-de-sac. Le moyen de parvenir au même but, avoir un menu dynamique, et sans limiter l’usager est simple. Il suffit d’écrire le menu d’avance en HTML et de modifier sa présentation ou son apparence à l’aide de Javascript par la suite.

Voici finalement un exemple de deux lignes très simples de code en javascript, une inaccessible, une accessible qui fait exactement la même chose. À vous de trouver quelle est la meilleure.

• Ouvrir la page
• Ouvrir la page

Moyen de connaître la réponse: copier ses lignes dans un document et essayer ce document en désactivant Javascript dans votre navigateur.