Evaluez l’accessibilité de votre contenu web

Votre contenu web est-il accessible?

Ce billet a été lu 2147 fois. À votre tour?

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 sur lynx viewer

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 affiché sans les images

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 affiché sans feuilles de style CSS

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.

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.

 

Related

A propos de Hélène Guerriat

Hélène est spécialisée en référencement naturel pour l'optimisation des contenus web. Formatrice en écriture web, elle accompagne régulièrement des professionnels de secteurs variés et les oriente vers des pages toujours plus utiles et utilisables pour leurs lecteurs.

Sur le sujet, avez-vous lu...

16 Responses to Evaluez l’accessibilité de votre contenu web

  1. [...] 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.  [...]

  2. [...] 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.  [...]

  3. [...] 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.  [...]

  4. [...] 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.  [...]

  5. [...] 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.  [...]

  6. [...] 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.  [...]

  7. [...] 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.  [...]

  8. [...] Article méthodo précis et illustré : utile !  [...]

  9. [...] 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.  [...]

  10. [...] 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.  [...]

  11. [...] l’article précédent, nous avons mis en lumière les différents points à tester pour s’assurer de [...]

  12. [...] 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.  [...]

  13. [...] 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.  [...]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>