Rendre son site Jimdo accessible aux handicapés.

proposé par Anwarock et Tony d'InfoWebmaster.

Avant-propos

- Au Royaume-Uni il y a environ 60 millions d'habitants, donc 10 millions ayant des handicaps (plus ou moins important). Désolé je ne connais pas les chiffres pour la France.
- C'est obligatoire au yeux de la loi de faire un site accessible.
- Faire un site consultable par tous est la bonne chose à faire d'un point de vue éthique.
- Sachant que Google est un "aveugle", certains de ces conseils sont bénéfiques pour le référencement.

Comprendre pour apprendre.

Si vous voulez vraiment comprendre et vous rendre compte à quel point certains sites sont inutilisables, je vous conseille d'essayer de consulter un site en vous mettant dans la peau de quelqu'un qui a un handicap. Attention, essayez réellement de visiter tout le site, ne vous contentez pas de la page d'accueil.


- Utiliser un logiciel de lecture d'écran pour comprendre comment ça fonctionne. Par exemple, le logiciel utilise une certain façon pour introduire le texte alternatif d'une photo. Donc dans le texte alternatif d'une image, il est inutile d'écrire "photo de ...".


- Utiliser le zoom de l'écran. Le plus souvent en utilisant "ctrl" + la molette de la souris (voir dans les options du navigateurs). Essayez de vraiment consulter le site dans ce contexte.


- Essayez de naviguer sur votre site uniquement avec le clavier. Pas le droit d'utiliser la souris ! Pour naviguer, utilisez la touche tabulation. N'hésitez pas à compter le nombre de fois où vous utiliser cette touche, je vous assure c'est surprenant. Dans une étude intitulée "On the efficiency of keyboard navigation in Web sites", il a été démontré que pour accéder à une information sur un site web, il faut parfois plus de 100 fois appuyé sur la touche tabulation (alors que c'est accessible en quelques clics pour ceux qui n'ont pas de handicap).

Les astuces...

1. Tout d'abord activer les alt attributs (dans le menu "paramètres"), ça permet d'ajouter un commentaire descriptif à vos images, ce commentaire ne s'affichera que si l'image ne se charge pas, mais est lisible par les vocalisateurs d'écran.

2. Ensuite n'ajoutez pas de Katchapa à vos formulaires, car ils ne peuvent pas être lus par un aveugle ou malvoyant.

3. Faites un menu clair avec pas trop d'onglet (10 grand max) cependant vous pouvez utiliser des sous-menus.

4. Pensez à bien hiérarchiser les données, car un lecteur d'écran lit de gauche à droite et de haut en bas, par exemple il est préférable de mettre la colonne à droite si elle contient beaucoup d'informations, ou si elle contient des pubs, par contre si elle contient la navigation et les sous-menus, alors il est préférable qu’elle soit à gauche.

5. Utilisez bien les titres, car ils sont de bons repères.

6. N'hésitez pas à créer des liens pour emmener d'une page à l'autre, ou pour retourner à l'accueil, ou encore pour revenir en haut de page.

7. Les documents flash ne sont pas lisibles, il est donc préférable s’ils contiennent des données importantes de transmettre celles-ci d'une autre manière, par le son, ou par un texte descriptif par exemple.

 

8. Utiliser un bon contraste. Le mieux est d'écrire en noir sur fond blanc.

 

9. Utiliser une bonne taille des caractères.

 

10. Installer un moteur de recherche interne en haut de toutes les pages, pour accéder facilement à une page. Cela permet d'éviter de perdre du temps pour ceux qui ne peuvent utiliser que les touches du clavier.

 

11. Éviter de faire des pages trop longues. Lorsque les pages sont longues, utilisez des liens internes à la page (pour descendre au bon endroit de la page (comme les sommaires présent sur les grands articles de Wikipédia).

 

12. Éviter d'utiliser des longs et complexes bloc de textes. Lorsqu'il faut présenter beaucoup de contenu sur une même page, il est intéressant d'utiliser une bonne hiérarchie avec de bons titres. Cela permet de bien décomposer un grand texte en une multitude de petits textes faciles à lire.