Publié par : kermitunz | 21 mars 2008

Les bases d’un site de qualité 1: l’accessibilité et le design

Sans avoir recours à une complète refonte de votre site, il y a moyen de l’optimiser et d’en améliorer la qualité en quelques manipulations et surtout en se posant les bonnes questions.

La qualité d’un site internet dépend de 7 principes fondamentaux : l’accessibilité, le design, le référencement, le contenu, la navigation, la sécurité, les mentions légales et quelques éléments marketing et techniques.

L’accessibilité :
L’accessibilité du Web est la problématique de l’accès aux services et contenus en ligne pour les handicapés et les seniors. Elle est gérée via la mise en œuvre des normes techniques définies au sein de la Web Accessibility Initiative (WAI) du World Wide Web Consortium (W3C). (Définition wikipédia)
Il vous faut donc vérifier si votre site est compatible avec les normes de codage du W3C.
De même pour le HTML et le CSS, il faut vérifier que votre site est valide HTML et CSS. Pour ça, il existe un outil commun : XHTML-CSS Validator.
Les éléments de navigation et donc le menu doivent être bien distincts du reste du contenu. Cette distinction peut se faire graphiquement (couleurs, formes, polices, effets…) tout en prenant soin de respecter votre charte graphique, mais elle se fera surtout structurellement sur votre page.
Vérifiez que votre site est compatible avec tous les navigateurs. Vous pouvez faire une vérification en ligne. Certains sites proposent de réaliser pour vous des captures d’écran de votre site sous différents navigateurs et avec différents systèmes d’exploitation. Cela permet de ne pas installer de multiples navigateurs sur votre machine. Cependant, un inconvénient est que vous ne pouvez pas tester vos modifications en temps réel. En effet, il faut un certain temps avant que votre demande ne soit acceptée, selon le nombre d’utilisateurs du service. Les solutions les plus reconnues sont Browsercam et Browsershot.
Cependant, si vous avez besoin de vérifier très régulièrement votre site, car vous êtes en phase de production, installez plutôt différentes versions de navigateurs sur votre ordinateur. C’est la vérification en local.
Vérifiez que toutes vos images importantes sont liées à une balise « alt » qui permet d’afficher un titre en cas de non affichage des images et lorsque celles ci sont en cours de chargement. Au-delà de son rôle de description, la balise « alt » est aussi de l’information récupérée par les moteurs de recherche.

Le design :
Demandez-vous (ou demandez à un proche, c’est souvent plus prudent d’avoir un avis extérieur) si votre site est attirant d’un point de vue visuel, esthétique. Cela se rapporte notamment aux couleurs : vont-elles bien ensemble, sont-elles bien liées, respectent elles votre charte graphique ?
Vérifiez que le design et l’ergonomie sont adaptés à votre audience : taille du texte, polices, visibilité des éléments clés…
N’oubliez pas les différentes résolutions d’écran. Vos visiteurs ne verront pas tous votre site exactement de la même façon.
La suite au prochain épisode ce weekend…. D’ici là, abusez bien du chocolat!

Leave a response

Votre réponse :

Catégories