Accessibilité

Guide pratique | Guide de style | Styles de contenu | Conseils pour l’accessibilité | Blocs de pages

Directives et bonnes pratiques en matière d’accessibilité pour la gestion de contenu

Vous trouverez ci-dessous quelques directives générales en matière d’accessibilité qui suivent les directives de WCAG pour vous aider à gérer le contenu de votre site Web à l’avenir.Consultez notre article de blog pour plus d’informations sur les meilleures pratiques en matière d’accessibilité.

Créez une déclaration d’accessibilité

Chaque site Web devrait comporter une page contenant une déclaration concernant les objectifs d’accessibilité du site Web. Voici deux outils que vous pouvez utiliser pour générer la déclaration de votre site Web :

Titres accessibles

Les lecteurs d’écran doivent être capables de communiquer le contexte d’une page ou d’une section d’une page.

  • Utilisez un langage descriptif dans les titres H1 : Le titre 1, alias H1 (header 1), alias « Titre de la page », devrait être le sujet de la page et non un jargon ou un jargon marketing.
  • Utilisez un texte pour le titre H1 unique : le même H1 ne devrait pas être utilisé sur d’autres pages du site Web.
  • Utilisez un seul H1 par page : le H1 renseigne les outils sur le sujet de la page.
  • Utilisez les titres en général pour mettre en valeur le contenu : utilisez les autres titres (H2, H3, H4, H5, H6) pour mettre en évidence et mettre davantage en valeur le contenu de la page.
  • Utilisez les titres dans l’ordre : les titres devraient être dans l’ordre H1 >H2 >H3 >H4 >H5 >H6.

Liens accessibles

Les lecteurs d’écran doivent être capables de communiquer le contexte d’un lien.

  • Utilisez un langage descriptif dans les liens : les liens textuels ne devraient PAS indiquer « en savoir plus » et « en lire plus ». Décrivez à vos visiteurs ce qu’ils découvriront sur la page liée
  • Lien vers d’autres pages utiles du site à travers votre contenu : Permet au visiteur de rechercher rapidement d’autres informations.
  • Les liens devraient avoir un aspect différent et se démarquer du contenu : au-delà de la couleur, utilisez une flèche « → » ou une carotte « > » ou soulignez pour indiquer clairement aux visiteurs que le texte est un lien. Cela est pris en compte dans vos conceptions, alors assurez-vous de suivre notre guide de style et les modèles de blocs de page fournis.
  • Lorsque vous utilisez des images comme liens : ne vous contentez pas d’utiliser une image comme lien. Les images devraient être complétées par du texte pour mettre les liens en évidence.
  • Évitez d’utiliser le même texte pour tous les liens : assurez-vous que les liens qui portent le même nom renvoient à la même destination.

Images accessibles

Les utilisateurs aveugles ne peuvent pas voir les images, pas plus que le lecteur d’écran qu’ils utilisent.

  • Évitez les images contenant du texte : un lecteur d’écran ne peut pas lire une image. Par conséquent, les images ne devraient pas contenir de texte ou d’informations utiles qui ne sont pas disponibles sur la page.
  • Les images devraient avoir un texte alternatif : les images utilisées à des fins autres que la décoration devraient inclure un texte alternatif décrivant l’image afin qu’un lecteur d’écran puisse informer l’utilisateur du contenu de l’image (par exemple, une femme au téléphone à son bureau).
  • Descriptions du texte alternatif des images : le texte alternatif de l’image devrait décrire l’image et ne devrait pas contenir de caractères spéciaux.
  • Évitez de mettre plein de mots clés dans le texte alternatif : le texte alternatif n’est pas un endroit où vous pouvez charger des phrases clés cibles. Bien qu’une phrase clé puisse être utilisée de temps en temps, ne l’utilisez pas sur toutes les images.
Exemple de texte alternatif

Vidéos accessibles

  • Les outils payants offrent souvent plus de flexibilité et de fonctionnalités, notamment le sous-titrage codé et les transcriptions vidéo. Utilisez les versions payantes ou professionnelles d’outils vidéo hébergés par des tiers.
  • Proposez un lien vers une page avec la vidéo complète transcrite sur la page dans le WYSIWYG.
  • Ne diffusez pas le son automatiquement.

Autres conseils relatifs au contenu accessible

  • Incluez toujours un lien vers le plan du site dans le pied de page de votre site Web.
  • Assurez-vous que les listes à puces utilisent réellement le format de liste à puces.
  • Fournissez des instructions claires sur les formulaires.
  • Assurez-vous que les formulaires ne sont pas trop longs et que chaque champ possède une étiquette descriptive.
  • Incluez une page dans le pied de page contenant une déclaration d’accessibilité.
  • Utilisez un langage simple et concis et expliquez les abréviations ou les mots dont le sens est ambigu sans prononciation.
  • Assurez-vous que les PDF et autres fichiers téléchargeables sont accessibles.
  • Prévoyez de revenir sur les anciennes pages de contenu qui ont été migrées vers le nouveau site Web et assurez-vous de suivre les meilleures pratiques en matière d’accessibilité.

Outils de test d’accessibilité

Si vous suivez les bonnes pratiques que nous avons décrites tout au long de votre projet, votre contenu devrait être de bon augure pour les tests d’accessibilité.Pour être sûr(e), vous pouvez toujours utiliser ces outils pour tester chaque page que vous créez :

Assistance continue

Votre organisation renforce-t-elle ses exigences en matière d’accessibilité du Web ? Êtes-vous légalement obligé(e) d’en faire plus ou de rendre compte de vos normes d’accessibilité Web ?Contactez notre service d’assistance — Nous pouvons organiser une conversation avec nos stratèges pour discuter de ce à quoi ressemble l’engagement d’Orbit dans un audit et vous donner un devis.