L’outil du mois : Votre site est-il « accessible » ? Testez-vous avec Accessiweb !

Vous êtes vous déjà posé la question de savoir comment une personne malvoyante ou malentendante pouvait « voir » ou « entendre » un site internet ?

Alors que bien souvent dans votre projet de site internet, vous allez parler de design, de contenu, d’affichage d’animations Flash, en face vous allez « oublier » (souvent involontairement) qu’une partie de la cible que vous visez pourra être dans une situation de handicap plus ou moins importante.

Ce handicap pourra empêcher votre visiteur de pouvoir consulter tout ou partie de votre site. N’est-il pas dommage de concevoir un site et de se priver par la même occasion d’une partie de la population de vos savoir-faire ?

Afin d’améliorer sensiblement l’accès à votre site, vous pouvez par exemple effectuer un test sur AccessiWeb afin de voir et comprendre comment améliorer votre site pour le rendre accessible au plus grand nombre.

Le contexte d’un site non accessible

Voici par exemple ce qu’une personne aveugle pourrait entendre de la synthèse vocale qu’un logiciel « lirait » d’un site web totalement en flash :

Contenu nécessitant le plug-in Flash [1] Télécharger le plug-in

Et dire que dans votre projet, vous avez passer de longues heures avec votre agence web pour la réalisation d’un site 100 % flash pour que « ça pète » !

Comment rendre son site accessible ?

Vous souhaitez quand même avoir un site Flash ? Dans ce cas, voyons par l’exemple comment certaines grandes marques restent accessibles tout en proposant un contenu Flash.
La marque MalaBar qui fait actuellement couler tant d’encre de part le changement de son logo a réalisé un site pour sa nouvelle mascotte.
Celui-ci est totalement en Flash est visible ici : http://malabar.fr/#

Par ailleurs, le contenu est également visible en version HTML, c’est à dire lisible par tous. Voir le site Malabar en HTML : http://www.malabar.fr/html/

Ainsi, on dispose donc de 2 sites pour consulter le site (Juste à noter que le lien pour rejoindre la version HTML est en Flash et donc ne s’afficherait pas. Une gestion des navigateurs pourrait résoudre ce souci mais n’ayant pas l’envie de décortiquer de A à Z le site Malabar, je ne vais pas rentrer dans les détails.)

Les outils pour tester son site et le rendre accessible

Quelques ressources pour vous préparer dans votre projet, ou encore adapter votre site :

• http://www.accessiweb.org/fr/accessibilite_web/Evaluez_votre_Site/ (Connaitre le référentiel des actions à entreprendre pour rendre accessible son site)
• http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php (Voir un site en version texte)
• http://validator.w3.org/ (Tester son site afin d’être le plus proche des « normes » du W3C »)

Avec le site Accessiweb, vous accédez à une panoplie d’outils vous permettant de tester votre site et de connaitre précisement les caracteristiques d’un site accessible.

Par exemple, la validation HTML par la W3C (Voir l’exemple pour Odomia)

Voir également comment son site est « lisible » pour une personne malvoyante ou aveugle avec le navigateur Lynx :

Bien entendu, et au delà du site en flash, de nombreuses actions sont à entreprendre afin de rendre son site le plus accessible possible, par exemple, renseigner par un titre les images d’un site, ajouter une fonction lecture vocale au site, etc…

Et comme l’expression le dit bien souvent, ce sont les cordonniers les plus mal chaussés, car chez Odomia, notamment pour le blog, nous ne renseignons pas toujours les légendes images pour être le plus « accessible » possible. Mais nous faisons un effort !

Et vous, dans vos projets web, pensez-vous bien à l’accessibilité de votre site internet ?

Source de la photo : Joaquin Villaverde Photography

Articles similaires :

1. L’accessibilité de votre site internet : une vision par les usagers !
2. Outil du mois : Rezise My Browser, visualiser votre site selon différentes tailles d’écrans !
3. L’outil du mois : un générateur CSS3 pour votre site internet
4. L’outil du mois : BrowserLab pour tester la compatibilité des navigateurs avec votre site
5. Votre entreprise et sa présence sur la toile, le site internet pas à pas !