10 conseils pour améliorer l’accessibilité d’un site internet

Stéphane Truphème a publié sur le blog Kinoa un excellent article présentant 10 astuces pour améliorer l’accessibilité d’un site internet. Stéphane a commencé son article par une liste des bénéfices découlant de la mise en place d’un site web dit “accessible“. Parmi ceux ci, citons la meilleure compatibilité entre les différents navigateurs web (il n’y a pas que Internet Explorer dans la vie ), l’optimisation pour les moteurs de recherche (bah oui, Google & co sont malvoyants), prise en compte des internautes handicapés etc. L’auteur finit son introduction par ceci :

En d’autres termes, le respect des standards est plus économique, plus rentable, plus pérenne et est une garantie supplémentaire de satisfaction des usagers du site Web.

… ce qui résume bien l’enjeu de l’accessibilité web.

10 astuces pour améliorer l’accessibilité de votre site Web

L’article original est accompagné d’une belle image illustrant les conseils :

Schéma pour optimiser l’accessibilité d’un site internet

Cette illustration est ensuite suivie des 10 conseils suivants :

1. Séparer la mise en forme du contenu (xHTML + CSS).
2. Prévoir des alternatives aux Scripts. Une page HTML doit être parfaitement lisible lorsque les feuilles de styles sont désactivées (c’est également important pour le référencement).
3. Proposer des alternatives textes (pensez aux handicapés qui ont besoin d’un navigateur particulier (vocal par exemple). Comme le précédent conseil, celui ci est également utile pour le référencement).
4. Proposer des formats alternatifs en téléchargement (pour une meilleure compatibilité).
5. Éviter d’ouvrir des liens dans une nouvelle fenêtre (laissez l’utilisateur garder le contrôle de son navigateur).
6. Éviter les frames (y’a rien de pire pour le référencement, l’accessibilité, et même pour l’ergonomie).
7. Proposer systématiquement un plan du site et un moteur de recherche (le visiteur doit pouvoir trouver facilement et rapidement ce qu’il cherche).
8. Proposer des titres explicites à vos pages (les titres descriptifs fonctionnent bien mieux que ceux qui attisent).
9. Vérifier les contrastes de vos couleurs (essayez de lire un texte gris foncé sur un fond noir, vous comprendrez… Sans compter que certaines couleurs sont mal perçues).
10. Utiliser les technologies du W3C (pour une meilleure compatibilité entre navigateurs, et une meilleure interprétation des codes HTML).

Note :

• en gras : l’intitulé original du conseil
• en italique : une brève description personnelle illustrant le principe

Il est encore trop rare de tomber sur des articles de cette qualité. L’auteur a même pris le temps de faire une très belle illustration pour accompagner ses conseils. Je vous encourage donc vivement à lire l’article original en entier.

• L’article : 10 astuces pour améliorer l’accessibilité de votre site Web (blog.kinoa.com)
• Je vous encourage également à consulter le reste du blog qui contient d’autres articles de qualité : blog.kinoa.com

Trouvé sur Le Blog de Büh