Parcourez et téléchargez la check-list accessibilité de contenus web. Un ensemble de bonnes pratiques à adopter pour que votre site soit accessible à tous.

Dans l'article précédent, nous avons mis en lumière les différents points à tester pour s'assurer de l'accessibilité de nos pages web. Maintenant que vous avez démasqué les dysfonctionnements de vos publications, découvrez comment gommer ces défauts rapidement en utilisant le check-list accessibilité de contenu web (pdf 150 Ko).

Proposez un article 100% lisible

  • Evitez de justifier vos textes, cela complique la lecture. Mieux vaut les aligner à gauche ou à droite.
    Renoncez aux sauts de ligne multiples, ils n'apportent aucune valeur ajoutée.

    exemple de texte justifié sur le web. Issu du blog de Marcel Sel.

  • Hiérarchisez vos informations, sur le fond et sur la forme. Le titre de votre page (et uniquement celui-là) doit être en "H1". Vos sous-titres de premier niveau sont en H2, vos sous-titres de deuxième niveau sont en H3 et ainsi de suite.
  • Indiquez le format, le poids et, si c'est pertinent, la langue du document à télécharger.

  • Annoncez à vos lecteurs lorsque les liens proposés renvoient sur une nouvelle fenêtre ou un nouvel onglet.

Décrivez vos contenus multimédia

  • Donnez un nom cohérent et parlant au fichier image (ou vidéo) avant de le charger sur Internet.
    ex: "chien-noir-et-blanc.jpeg" plutôt que "chien38.jpeg" ou pire "DCIM349504.jpeg".
  • Utilisez les tirets (-) plutôt que les underscore (_). Ces derniers ne sont pas considérés comme des espaces et rendre le nom illisible. ex: "chien-noir-et-blanc.jpeg" plutôt que "chien_noir_et_blanc.jpeg"

  • Evitez les accents et autres caractères spéciaux, ainsi que les espaces.
    ex: "au-coeur-de-l-ete.jpeg" plutôt que "au cœur de l'été.jpeg"
  • Ajoutez un texte de remplacement (Alt-tag) à vos images et vos vidéos de moins de 70 caractères.
  • Utilisez-le pour expliquer le contexte de l'image par rapport à l'article. Vous pouvez, par exemple, reprendre le titre de votre article.
  • Si possible, proposez une légende exhaustive. Elle décrit l'image et son lien par rapport l'article.

Assurez la compréhension de votre message

  • Employez un vocabulaire orienté vers tous les publics.
    Evitez le jargon, les termes techniques et les noms de produits.
  • Explicitez les abréviations si elles ne font pas partie du langage courant.
    ex: inutile d'expliquer GSM, par contre, il est intéressant de traduire "E.P" = Établissement Public.
  • Orientez vos utilisateurs en leur donnant des indications claires.
    ex: "cliquez sur S'inscrire à la Newsletter" plutôt que "Cliquez sur le bouton rond en bas à droite".

Maximisez la lisibilité de vos contenus

  • Veillez à ce que les contrastes entre le texte et l'arrière plan soient optimaux.
    Le cas échéant, proposez une version Noir & Blanc de votre site.
  • Assurez-vous que l'information ne soit pas uniquement véhiculée par les codes couleurs.

    Un exemple d'information uniquement véhiculée par la couleur: légende d'une carte géologique

  • Vérifiez la possibilité de mettre sur pause tout contenu en mouvement. De manière générale, les petites animations en arrière-plan perturbent la lecture et demandent plus de concentration, évitez-les si elles ne sont pas indispensables.

 Téléchargez la check-list accessibilité de contenu web

Pour garder ces bonnes pratiques en mémoire: téléchargez la check-list accessibilité de contenu (pdf 150 Ko). À utiliser sans modération. N'hésitez pas à la commenter, à proposer des améliorations, des ajustements.

Cette check-list a été élaborée à partir des recommandations préconisées par le W3C (World Wide Web Consortium, organisation non lucrative qui définit des recommandations pour les technologies du web).