X

Check-list pour l’accessibilité d’une page web

9 mars 2019

L’accessibilité web fait l’objet de recommandation du W3C, organisme international de standardisation du web : WCAG 2.0 :S’il existe plusieurs manières d’évaluer l’accessibilité d’un site web (outils en ligne, création de persona et tests utilisateurs), première manière consiste à vérifier que les recommandations et bonnes pratiques soient bien rencontrées. Cette check-list reprend l’ensemble des points à examiner, elle a été adaptée au contexte journalistique. Un point peut être attribué à cette liste de 20 indicateurs: sous la barre des 14, l’accessibilité de l’interface examinée peut commencer à poser problème.

  1. Le son / la vidéo ne démarrent pas automatiquement et sont contextualisés par du texte.
  2. La page web contient des métadonnées pertinentes et complètes.
  3. Les contrastes entre le texte et le fond de l’écran (background) est suffisant = le texte est lisible sans efforts.
  4. La taille des caractères est suffisante = le texte est lisible sans efforts.
  5. Les liens, boutons et tous les éléments interactifs sont identifiés comme tels et ne prêtent pas à confusion avec le texte du site.
  6. Il y a un changement d’état au survol d’une zone interactive.
  7. Les liens ont du sens.
  8. La navigation est claire et sans équivoques.
  9. Si des icônes sont utilisées, sont-elles signifiantes ?
  10. Le texte est suffisamment aéré, il comporte des intertitres et autres éléments graphiques permettant de rythmer la lecture = le texte est structuré de manière sémantique.
  11. Les titres sont clairs et ne prêtent pas à confusion.
  12. Chaque zone distincte de texte comporte un titre.
  13. La taille des images est suffisante pour en percevoir le contenu.
  14. Les images sont légendées.
  15. Les images sont étiquetées (attribut ALT).
  16. Les infographies et tableaux sont compréhensibles.
  17. Les infographies et tableaux comportent un titre.
  18. Les fenêtres pop-up (modales) ne s’affichent pas automatiquement.
  19. Le contenu est compréhensible par quelqu’un qui ne peut distinguer les couleurs (daltonisme)
  20. Il n’y a pas de perte d’informations en diminuant la taille de l’écran.

 

# #