Lorsqu’on crée son premier site ou bien lorsqu’on navigue sur Internet, on est loin de se douter de l’étendue des conventions implicites qui facilitent la vie de tout le monde.
Et pourtant, passé l’apprentissage de la soupe de balises HTML et éventuellement des feuilles de style, il y a tout un tas de règles à respecter pour rendre la navigation aisée et non bloquante. Car oui, mal concevoir un site peut en bloquer, qu’il s’agisse de personnes atteintes de déficiences (physiques, mentales) ou pas.
Pour se sensibiliser à ces bonnes pratiques de la conception des sites Web, il existe depuis peu le guide Sites Web : les bonnes pratiques édité dans la collection Memento d’Eyrolles. Les habitués de l’initiative Opquast ne seront pas dépaysés étant donné qu’il en reprend les quelques 153 bonnes pratiques.
Mais au final, c’est quoi une bonne pratique ? Quelques règles que certains appliquent sans se rendre compte alors que d’autres sont au contraire bien loin de pouvoir ne serait-ce que les imaginer.
Exemples de bonnes pratiques simples que n’importe qui peut mettre en oeuvre :
- Le nom du site et/ou le nom de l’auteur sont indiqués sur chaque page ;
- Le soulignement est réservé aux hyperliens ;
- Le site propose au moins un moyen de contacter l’auteur et/ou le webmestre.
D’autres sont plus tordues au premier abord mais totalement justifiée, certaines abordant le délicat sujet de l’accessibilité :
- Les hyperliens sont visuellement différenciés du reste du contenu ;
- L’emplacement du menu principal de navigation est identique sur toutes les pages ;
- La navigation reste possible sur l’ensemble du site en utilisant exclusivement le clavier.
Comme vous pouvez le constater, ça n’a rien de bien sorcier. C’est un peu comme dire bonjour en se présentant à un inconnu : c’est le minimum à fournir pour établir une conversation. Lorsqu’on crée un site Web, c’est une conversation avec le monde que l’on établit 
Commentaires
hey!
En passant sur Nova j’ai fait un petit détour sur ton fameux Blog^_^. En rapport à ses règles de bienséance, tu en soulignes 153, mais celle que tu as cité semblent évidentes. Y’a t’il des règles plus ou moins “tordus” ou difficile à mettre en oeuvre? car par exemple le soulignement reservé aux hyperliens n’est-il pas automatique?
voili voilou
Je savais que ça allait arriver un jour XD. Je te jure, je n’avais pas lu ton blog quand j’ai écrit mon article sur le xhtml et le player de dew XD hahaha …
Pure coïncidence en effet, j’avais cette idée en tête depuis ce week-end mais j’attendais d’avoir fait le tour du bouquin pour en parler. Pour la peine je les reprendrai MES Memento :-p
Powanono, ces règlent semblent évidentes mais elles méritent d’être écrites. Celles que j’ai cité font quasiment toutes parties du niveau 1 (sur les 3). Elles sont toutes listées sur les bonnes pratiques d’Opquast. Mais pour l’exemple je citerai :
La navigation au clavier est quasiment impossible si le Javascript est utilisé de manière intrusive ou bloquante. Les sites où je ne peux pas valider mes formulaires en appuyant sur la touche Entrée ça me gonfle royal.
Idem, si tu as enlèves les images du site et passe l’affichage en monochrome, il doit être navigable et lisible sans difficulté.
Après, il faut compléter ces bonnes pratiques par une bonne sémantique, une bonne accessibilité (WAI / WCAG) et t’auras tout bon
M’en fiche, il y en a un à moi dans le tas maintenant :p et si c’est comme ça, je jetterai un coup d’oeil à celui-là aussi.
En fait c’est vrai que beaucoup paraissent très connes lol mais un site où la navigation est mauvaise, moi j’y reste pas lol
Je compte même plus le nombre de sites où il est impossible de trouver comment contacter le webmaster, l’adresse d’un lien (encore ce matin, site de la caf, on trouve tout, sauf l’adresse de la caf près de chez soi).
Y en qui devraient l’acheter ce livre
Elle a l’air sympa comme librairie et le Memento me donne envi :p
Tu me donnes envie de me remettre un peu au développement web (depuis le temps que je veux refaire complètement mon site ^^). Je sens qu’après le boulot je vais y faire tour (à la vraie, pas sur le site ^^).
Tant qu’à faire, fais comme Popo : embarque aussi les Mémento XHTML et CSS. T’en auras en tout pour 15€ avec d’excellentes bases pour bien baliser ton site. Et là tu repenses à ton enseignement HTML à l’IUT :-p
Beaucoup de règles peuvent sembler évidentes mais quand on voit encore des sites avec un menu en Flash sans aucune alternative par exemple on se dit que l’initiative Opquast est vraiment importante… Même sur des sites professionnels on voit des trucs effarants… Genre une identification en cliquant sur des chiffres dans une image-map, avec du JS bien pourri… Vu sur le site d’une banque…
La Banque Postale :p
Ce système est surtout fait pour éviter les keyloggers en rassurant les gens. Mais en pratique ça n’empêche pas le vol de mots de passe et ça fait surtout **ier.
Ah… Perdu, c’est pas la banque postale.
Je savais pas qu’ils avaient ça eux aussi… Je me doute que c’est contre les keyloggers mais bon, il doit bien y avoir des dispositifs permettant plus d’accessibilité… Remarque j’ai l’impression que la majorité des gens s’en contrefoutaient de l’accessibilité jusqu’à y a pas si longtemps. Je ne sais pas si c’est une mode de s’y intéresser… L’initiative Opquast a, outre le mérite d’apporter des conseils là dessus, le mérite de pointer du doigt ce problème…
Sinon les bouquins Eyrolles en général c’est de la qualité… En soit le nom est Eyrolles est presque (presque) un gage de qualité à lui seul… Les bouquins d’informatique sont toujours aussi atrocement chers cela dit…
Bonjour,
Je me suis permis également un petit article sur l’un de ces mémentos.
Vous pourrez le consulter à l’adresse suivante :
http://www.emarketool.fr/sites-web-les-bonnes-pratiques-un-memento-utile/
A bientôt,
Marco pour Emarketool.fr
Merci. Si mon article avait inspiré le votre, une autre bonne pratique est de créer un rétrolien.
Sinon j’espère que sa lecture a été bénéfique
Répondre