Evaluez l'accessibilité de votre contenu web
Étiquettes : accessibilité, lisibilité, principes fonctionnels
Est-ce que tous vos visiteurs peuvent parcourir vos pages de la même façon? Balises, images, apparence… Testez l’accessibilité de votre site web.
L’accessibilité web, ça veut dire quoi?
Tous vos visiteurs (handicapés, dyslexiques, débutants, personnes âgées…) naviguent sur votre site avec la même efficacité : c’est ça, l’accessibilité web.
Le W3C (World Wide Web Consortium, organisation non lucrative qui définit des recommandations pour les technologies du web) explique que pour être accessible, il faut répondre aux besoins des personnes suivantes :
- celles qui ne sont pas capables de voir, entendre, bouger ou qui ne peuvent pas accéder à l’information de manière classique;
- celles qui ne peuvent pas utiliser de clavier ou de souris;
- celles qui ont des difficultés à lire ou à comprendre un texte;
- celles qui utilisent un lecteur d’écran, un petit écran à faible résolution ou une connexion Internet lente ;
- celles qui ont un navigateur différent du vôtre, textuel ou audio par exemple, ou un système d’exploitation différent ;
- celles qui ne parlent pas la langue dans laquelle votre document est écrit.
Votre site est-il accessible?
Testez l’affichage de vos pages sur différents navigateurs classiques (Chrome, Internet Explorer, Firefox, Safari, Opéra,…) et textuels, comme Lynx. Les browsers n’ont pas tous la même interprétation du code HTML, les problèmes d’affichage peuvent survenir sur l’un, alors que tout sera normal sur un autre.
Vue d’une page d’écrire pour le web sur lynx viewer
Désactivez l’affichage des images et visualisez le résultat. Il vous suffit d’aller dans les paramètres de contenu ou d’affichage, selon votre navigateur. Ensuite, cochez « désactiver l’affichage des images ». À la place de vos visuels, des rectangles blancs affichent une description de l’illustration. C’est le fameux Alt-tag, qui sert également au référencement.
Un article d’écrire pour le web affiché sans les images – les alt-tags apparaissent.
Désactivez l’affichage des feuilles de style (CSS) pour obtenir uniquement le squelette de votre contenu, sans l’habillage visuel. Si vous utilisez Chrome, téléchargez le plug-in Pendule et cliquez sur « Disable all CSS ». Si vous utilisez Firefox, optez pour Web developer et cochez « Disable Styles ». Votre contenu doit rester hiérarchisé, cohérent et lisible.
Un article d’écrire pour le web affiché sans feuilles de style.
- Hiérarchisé : Les éléments de navigation (les liens) apparaissent en premier. Votre article arrive juste en dessous, les titres sont rapidement identifiables. Enfin, le pied de page (mentions légales, plan de site, contact) clôture votre contenu.
- Cohérent : Vos titres et votre corps de texte suivent un ordre logique. Votre article commence avec un titre balisé H1, les sous-titres sont en H2, H3. Si vous trouvez un titre H1 à la fin de votre page, il y a un souci.
- Lisible : Votre texte n’est ni justifié, ni centré. Il est affiché le plus simplement du monde et aucun élément ne vient perturber la lecture. Vos titres, caractères en gras, listes à puces, citations, etc. n’ont subi aucune altération.
article affiché sans feuilles de style. Le texte reste lisible.
Comment améliorer l’accessibilité de votre site web?
Dans notre article « Améliorez l’accessibilité de vos contenus web », nous analyserons les éléments de vos pages, point par point. Vous pourrez évaluer votre site grâce à une check-list détaillée à télécharger gratuitement.
Commentaires