Petit guide…
En complément de l’article précédent (« Incroyable!« ), et afin d’éclairer ma position, je vais tâcher de regrouper dans cet article ce que je pense pouvoir considérer comme des Règles d’Or d’un site internet moderne, au vu de mon expérience, des différentes personnes que je connais dans ce milieu et de ce que j’ai pu lire sur internet, et même de ce que l’on voit sur internet de manière générale. Il s’agit de règles générales qui ne sont pas les miennes, qui ne visent pas un site en particulier, quoi qu’on puisse dire, et qui ont pour but d’avoir un apport constructif à la critique rédigée dans l’article précité.
- Ne pas utiliser FrontPage pour réaliser un site. C’est un logiciel qui crée des pages somme toute assez mal codées et surtout qui ne sont 100% compatibles qu’avec Internet Explorer, les deux étant des logiciels Microsoft… Il arrive donc assez fréquemment qu’une page créée avec FrontPage soit tout simplement inaccessible via FireFox, par exemple. Une bonne alternative gratuite sera KompoZer, issu de feu NVU, ou, mieux, coder à la main avec le bloc note ou une version améliorée (NotePad++ pour Windows, Smultron pour Mac), mais cela représente un travail long et fastidieux, surtout pour un site de plusieurs pages;
- Eviter au possible d’utiliser un système de tableau pour créer ces pages (mais ça ce n’est pas évident, car cela implique d’utiliser des feuilles de style CSS);
- Eviter de surcharger la page en poids avec des scripts javascripts, surtout si leur intérêt dans l’ergonomie n’est que très limité;
- Utiliser des couleurs contrastées afin d’éviter le ton sur ton qui rendrait les textes illisibles et ne pas se faire avoir avec les images dont une partie serait de la même couleur que le texte, rendant ce dernier invisible à certains endroits;
- Eviter les couleurs trop claires ou trop vives (couleurs pastels, jaune poussin, …) pour le texte, car même sur un fond foncé, elles seront difficilement lisibles, pour peu que l’on ait un petit handicap visuel;
- Bannir les gifs animées en fond de page, pour des raisons d’ergonomie et de fatigue visuelle;
- De la même manière, éviter les gifs animées à tout va dans la construction d’un site. Autant une utilisation parcimonieuse peut rendre un site attrayant, autant son abus peut rendre un site vraiment peu agréable à l’œil.
- Eviter la musique sur une page web. Celle-ci ne se « justifie », à mon sens, que sur un site commercial, par exemple;
- Ne pas hésiter à se faire relire pour éviter les fautes d’orthographe;
- Favoriser le contenu accessible à tous (éviter les sites entièrement en flash, par exemple. Pensez aux utilisateurs qui ne peuvent l’utiliser ou aux déficients visuels, dont le matériel n’est pas adapté à ces technologies);
- De plus, les conséquences de la plupart des erreurs à éviter présentées ci-dessus sont parfois importantes sur deux points :
- Elles augmentent considérablement le temps de réalisation du site (il faut bien créer/trouver les gifs animées, trouver la musique, …);
- Elles augmentent considérablement le poids de la page, et donc son chargement (parfois jusqu’à 10 fois plus lent qu’un site qui « respecte » ces règles).
Ces règles ne sont même pas celles du « web 2.0″ qui voudrait un web coopératif, social et surtout interactif, mais simplement des règles de bases pour favoriser l’accessibilité d’un site et le rendre agréable à l’œil.
Pour un site web 2.0, le plus simple est bien sûr d’utiliser un moteur de site déjà existant, comme des plate-formes de blog (les deux plus connues étant WordPress, utilisée ici, ou DotClear) ou des CMS (Content Managing System, ou système de gestion de contenu, pour des sites plus complets) qui pullulent sur le web (Spip, Xoops, Joomla, …). Je vous invite pour cela à vous rendre sur l’excellent annuaire du libre, framasoft.net : http://www.framasoft.net/rubrique2.html, paragraphe « Site Web »
Si vous en voyez d’autres, n’hésitez pas à les soumettre en commentaires!