Accueil > Boîtes à outils > FAQ > C’est quoi un site accessible pour (...)

C’est quoi un site accessible pour tous ?

1. Qu’est-ce que l’accessibilité pour un site Web ?

« Mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »
Tim Berners-Lee, directeur du W3C

Vous pouvez lire ce billet sur le blog d’Alsacréations qui constitue une bonne introduction générale à l’accessibilité.

Il peut s’agir également des différents navigateurs disponibles ou des outils de navigation spécialisés pour les personnes handicapées. Voir http://www.la-grange.net/accessibilite/ pour les différents types de handicaps et leurs outils de navigation, également pour une présentation des premières modifications simples qui vont améliorer l’accessibilité de votre site.

2. Pourquoi rendre mon site plus accessible ?

  • Vous avez fait un site et vous l’avez fait pour que tout le monde puisse y accéder.
  • Les normes et recommandations techniques existent, il vous suffit de les appliquer (notamment le HTML couplé aux feuilles de styles CSS).
  • L’application de ces normes améliorent le référencement de votre site.
  • Ces normes assurent la pérennité de votre site.
  • L’utilisation de ces normes réduit considérablement le temps de travail nécessaire à la maintenance et à la mise à jour de votre site.

3. Où puis-je tester l’accessibilité de mon site ?

Il existe plusieurs moteurs de test d’accessibilité, citons pour exemple en français :
- http://www.acces-pour-tous.net/vali...
- http://www.ocawa.com/testez/auditez.htm

Toutefois, tous les critères ne peuvent être testés automatiquement. Vous trouverez la liste des critères d’accessibilité sur http://www.accessiweb.org/fr/Label_...
 [1]

Cette page étant une traduction adaptée, et enrichie de critères spécifiques, de la norme WAI, les anglophones préfèreront le lien suivant :
http://www.w3.org/WAI/Resources/

4. Et c’est compliqué, tout ça ?

Suivant vos habitudes, ça peut l’être plus ou moins.

Si votre site est écrit en (X)HTML (ou XML) en utilisant des feuilles de style (CSS) et qu’il respecte les standards énoncés par le W3C, votre travail n’en sera que simplifié.

Si, en revanche, vous êtes un maniaque de la mise en page avec tableaux et de menus animés en images à base de roll-over, vous risquez d’avoir plus de boulot.

Toutefois, si vous commencez votre aventure webistique, autant prendre de bonnes habitudes dès le départ.

5. Quels sont les principaux éléments à mettre en œuvre ?

Les rubriques suivantes sont incontournables : plan du site, aide à la navigation, aide à l’accessibilité.

Permettez à vos utilisateurs d’agrandir la taille du texte pour une meilleure lisibilité.

Vous pouvez mettre en place des raccourcis clavier.

Commentez les champs de vos formulaires et structurez les à l’aide des champs fieldset, legend et label.

Utilisez les animations avec modération (javascript, flash, java...). Vérifiez entre autre que la navigation est possible lorsque le javascript est désactivé.
Proposez des contenus alternatifs aux ressources multimédia chaque fois que cela est possible (description textuelle, sous-titrage audio).

Pensez tout particulièrement à l’attribut alt sur les images.

Évitez de mettre trop de liens dans une page, ce qui pose des problèmes de navigation avec synthèse vocale.

Voir une liste plus complète sur : http://www.opquast.org/bonnes_pratiques/

6. Comment puis-je valider mes pages en (X)HTML ?

http://validator.w3.org/
http://www.htmlhelp.com/tools/validator/

7. Mais au fait, c’est quoi les feuilles de style (CSS) ?

Voir le lien suivant qui vous explique tout ça : http://www.csszengarden.com/tr/francais/.

Les avantages concernant l’accessibilité résident dans le fait de séparer le fond de la forme, de permettre à l’utilisateur de modifier l’apparence du site pour l’adapter à son handicap ou tout simplement à son goût.

Voir http://openweb.eu.org/articles/intr..., rubrique : Séparation de la structure du document de sa présentation.

8. Comment puis-je valider mes feuilles de style ?

http://jigsaw.w3.org/css-validator/

9. Où puis-je trouver un navigateur en mode texte ?

Vous pouvez essayer Lynx : http://lynx.browser.org (souvent disponibles sur toutes les bonnes distributions Linux).

Ou plus simplement regarder le résultat de vos pages en mode texte dans votre navigateur préféré : http://www.delorie.com/web/lynxview.html.

10. Comment essayer un logiciel de lecture d’écran ?

Vous pouvez essayer certains logiciels en démonstration en comme Jaws ou Home Page Reader.

11. Qu’est-ce que ça m’apporte finalement ?

  • Le plaisir de pouvoir être lu par le plus grand nombre
  • L’utilisation des nouvelles technologies web devient aujourd’hui un impératif pour les webmaster, la qualité de votre site s’en ressentira.
  • Une réduction du temps nécessaire à la maintenance de votre site.
  • Un meilleur référencement sur les moteurs de recherche (Google est un utilisateur non-voyant).

12. Liens en vrac


[1Accessiweb a créé son label en s’appuyant sur les normes WAI. Ce label payant peut être un atout si vous souhaitez communiquer sur l’accessibilité de votre site.