Antoine.Guiral.Info

Aujourd’hui, en accord avec les standards actuels, il est important de faire des sites accessibles. Et parmi les principes d’accessibilité, il en est un qui nous concerne, nous les développeurs, particulièrement. Le fait de faire du javascript non intrusif.

Et dans cet optique, je crois que le plus dur n’est pas la réalisation technique mais l’adaptation « philosophique » de la conception d’un site web. En effet, on a souvent tendance à vouloir faire les choses trop vite, à vouloir que notre travail soit de suite joli, hyper fonctionnel avec de l’ajax dans tout les sens, etc etc…

Mais cette façon de penser nous fait souvent passer à coté de l’essentiel. Prenons un exemple simple : un formulaire d’inscription. De manière classique, on voudrait, dès le squelette du formulaire fini, réaliser les contrôles en javascript sur le mot de passe ou la validité des champs. Or imaginez un instant que le javascript soit désactivé!! Dans le meilleur des cas vous ajoutez un champ incomplet dans votre base de données. Dans le pire des cas, l’utilisateur ne pourra pas s’inscrire et aura droit à un magnifique message d’erreur. L’idéal serait de d’abord réaliser tout les contrôles coté serveur. Cela nous permet de renvoyer des messages d’erreurs adaptés et de contrôler nos enregistrement en base de données. Mais surtout, notre version dégradée (sans javascript) reste fonctionnelle!!

Donc ca c’était pour le coté philosophique du javascript non intrusif. Mettons un peu les mains dans le cambouis.

Je vous propose un petit screencast que j’ai réalisé et qui explique comment faire un formulaire d’inscription accessible (au moins au niveau des contrôles, ce qui correspond pour moi à la base). Pour votre confort je vous conseille de le visionner en HD (le texte est difficilement lisible sinon…) et en plein écran

javascript non intrusif [accessibilité] from Antoine Guiral on Vimeo.

Bien sûe je reste ouvert à vos questions, critiques, suggestions tant sur le font que sur la forme (le screencast ).

Stay tuned