« retourner à la page principale du blog
Conception en amélioration progressive
Il n’y a pas si longtemps, je vous parlais de jQuery, une librairie JavaScript qui permet de faire des miracles avec peu de code. Par contre, en regardant sous la jupe des sites web qui utilisent du JavaScript (avec ou sans librairie), je me rends souvent compte que les concepteurs ont oublié une chose très importante: ce n’est pas tous les utilisateurs qui ont JavaScript actif dans leur navigateur.
De nos jours, il est plutôt rare de voir quelqu’un qui, sur son ordinateur, n’a pas un navigateur qui est capable de rendre le JavaScript. En fait, pour utiliser les principales librairies, on peut se fier sur des navigateurs assez vieux, comme Internet Explorer 6 qui date de 2001.
Autrefois (on recule d’un ou deux ans), on se faisait toujours sortir les mêmes histoires par rapport à JavaScript. « On ne peut pas être sur que l’utilisateur a un navigateur assez récent » et « l’utilisateur est peut-être parano et a peut-être désactivé JavaScript dans son navigateur » (il ne faut pas oublier qu’on se faisait innonder de pop-ups il n’y a pas si longtemps).
Bien qu’à mon avis ces histoires ne sont plus tellement valides, il y a une nouvelle réalité qui nous explose au visage: on peut désormais naviger sur internet à partir de plein de gadgets. De la console de jeux vidéos, au téléphone cellulaire low-budget, en passant par le décodeur numérique du téléviseur. Je ne m’avancerai pas plus, mais nous n’en somme qu’au début des « gadgets connectés ».
Toutes ces plateformes n’offrent pas les mêmes capacités. C’est pourquoi, je voulais faire un petit rappel aux développeur qui vivent dans le passé:
Faites la conception de vos sites internet en amélioration progressive (progressive enhancement)
Voici la manière dont je vois la conception web. Il faut d’abord coder de manière sémantique notre XHTML. Aucune trace de présentation dans le code à date! Parce qu’encore une fois, on ne sait pas avec quoi l’utilisateur regardera le site. Peut-être qu’il le lira avec un lecteur d’écran (pour les handicapés visuels). Ensuite, on peut ajouter du CSS, pour faire la présentation. Lorsque c’est codé, on peut modifier notre page pour l’intégrer avec le code côté-serveur. Lorsqu’on a un site fonctionnel de cette manière, on peut se permettre d’ajouter du JavaScript et de jouer avec le AJAX.
Voici le genre de truc qui me surprend toujours par son manque d’utilisabilité:
- Un bouton submit actionné UNIQUEMENT par JavaScript (sans JavaScript, impossible d’envoyer le formulaire).
- Une galerie d’images qui utilise JavaScript pour faire la présentation, sans avoir fait au paravant une galerie fonctionnelle (ou même présentable) sans JavaScript.
- Une page qui affiche perpétuellement « chargement… » JavaScript est désactivé.
- Un site web entier qui se fie sur JavaScript pour fonctionner.
- Des liens du genre
<a href='javascript:void(0);' onclick='blah'>, qui ne fonctionnent pas sans JavaScript.
Je dis tout ça pour JavaScript, mais je pourrais égallement le dire pour Flash! On a encore moins de chances d’avoir Flash qui fonctionne dans les gadgets d’aujourd’hui que d’avoir JavaScript. Par exemple, le iPhone n’accepte pas encore Flash, même s’il se débrouille plutôt bien avec JavaScript. Même chose pour Opera Mobile. Avec Internet Explorer pour Windows Mobile, pour l’instant, oubliez même JavaScript! J’ai entendu dire que Microsoft travaillait sur un nouveau navigateur pour leur plateforme mobile, alors ils devraient eux aussi pouvoir accepter JavaScript sous peu.
