Les 15 conseils pour rendre son site accessible

Toujours dans le cadre du “Concours de Conseils Marketing 2008” (avec toujours plus de 450 € à gagner), Grégory Beyrouti de Wizishop nous a envoyé ses 15 conseils pour rendre son site eCommerce accessible ! Toute l’expérience de Wizishop nous est livré au travers de ces conseils pratiques et concrets !

Avant de passer aux différentes étapes qui vous permettront de rendre votre site accessible, je tenais à vous donner deux informations importantes. Tout d’abord, il est impératif de bannir l’utilisation de logiciel dits WYSIWYG (logiciel qui permet de créer directement à l’écran votre site internet sans passer par du code). En effet, les logiciels de ce type ne pourront générer un code propre et respecter (de façon intelligente) les standards du W3C.

Deuxième point, il est difficile à l’heure actuelle de faire un site e-commerce accessible de bout en bout. La raison ? La page de paiement hébergée par la banque ! Les organismes bancaires ont encore beaucoup de progrès à faire dans ce sens et il n’y a que très peu de systèmes vous permettant d’intégrer leur solution dans vos pages…

Voici donc, concrètement, 15 étapes pour rendre son site accessible :

1. Une étude ergonomique est indispensable

Avant même le commencement du développement web, il est très important de prévoir une étude poussée de l’ergonomie. C’est à dire bien réfléchir à l’interface du site et à la présentation des menus pour que l’utilisateur puisse trouver ses repères rapidement. La navigation est facilitée pour l’internaute, le site est donc plus accessible.

2. Utilisez la bonne sémantique

Les pages web sont composées de balises que l’on peut trouver dans le code de la page. Chaque balise a un sens et une répercution dans la structure et la mise en forme de la page. Il existe donc des balises pour définir un titre de page, renforcer le texte (gras, italique), ouvrir et fermer un paragraphe ou une liste… Ces balises ont un sens et il est donc important de les utiliser de façon convenable dans le code de sa page.

3. Différenciez la forme du contenu

C’est un point essentiel pour obtenir un site accessible. Votre fichier HTML doit uniquement contenir les informations et votre (ou vos) fichier(s) CSS la mise en forme. En plus de rendre votre code plus clair, cela permet également d’imaginer plusieurs présentations différentes. Vous pourriez ainsi proposer un accès sans mise en forme (utile pour certains handicap ou pour les connexions très lentes), un accès avec le texte écrit plus gros, un accès pour téléphone mobile avec une présentation minimaliste, etc.

›› Lire la suite …