* Agence Web Rennes

***Web2007 est un bureau indépendant situé à Genève et a l'habitude de travailler pour des entreprises PARTOUT en France et en Europe

Agence Web Rennes

Article:

Une page du net mal réalisée peut éreinter vos internautes et les faire abandonner votre site. Optimisez donc vos pages pour que les internautes trouvent votre site visuellement « confortable ». Vous devez travailler sur 2 éléments : les couleurs et les caractéristiques du texte. Nous parlerons de la mise en forme des textes dans un prochain article...
Les couleurs
Le contraste doit être assez raisonnable entre la couleur des textes et le fond de page. Vous pouvez notamment évaluer cette différence sur le site
http://www.etre.com/tools/colourcheck. Il est recommandé d'avoir un contraste d'environ 400 (ou 500 pour un site destiné aux malvoyants).
La brillance doit engager la différence de la couleur du texte / fond de page. Vous pouvez notamment évaluer cette différence sur le site http://etre.com/tools/colourcheck. Il est conseillé d'avoir une différence supérieure à 125.
Etayons cet exemple par un texte de couleur bordeaux #B00000 (code hexadécimal de la couleur) sur fond de couleur grise #322D2D. Nous constatons que la brillance est à 6 donc loin du chiffre idéal 125 et le contraste à 216 au lieu du 400 conseillé. Les deux couleurs sont donc à modifier pour avoir une bonne lisibilité.
Les caractères grands et gras, offrent un contraste moins important. Cette technique est nécessaire par exemple sur un titre mais pas sur l'ensemble du corps de votre article.
Des caractères foncés sur fond blanc/clair sont vivement conseillés. Il faut savoir que l'inverse est lu 10% plus lentement.
Les caractéristiques du texte
Taille de :
La taille de doit être abordable à tous, mais un texte trop gros devient illisible et inesthétique. Il est fort prôné, pour le corps du texte, une taille de 12 pixels. Une meilleure accessibilité s'obtient en ajoutant une fonction qui permet à l'internaute d'agrandir la taille des caractères de vos articles.
Longueur des lignes :
La zone de contenu ne doit pas être trop large sinon parvenir au bout de la ligne puis passer à la suivante devient vite dangereux. On doit apercevoir maximum 100 caractères par ligne. Autre solution : mettre le texte en double colonne.
Typographie :
Encouragez les s sans sérif (sans empattement) qui sont plus lisibles sur le web. Beaucoup de s existent : on peut notamment citer le Verdana, Arial et Helvetica.