Directives et meilleures pratiques en matière d’accessibilité pour la gestion de contenu
Vous trouverez ci-dessous des directives générales en matière d’accessibilité, conformes aux directives des 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é.
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, alias « Titre de la page » doit être le sujet de la page et non du jargon marketing.
Utilisez un texte d’en-tête H1 unique : Le même H1 ne doit pas être utilisé sur d’autres pages du site.
N’utilisez qu’un seul H1 par page : Le H1 informe les outils du 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 accentuer le contenu de la page.
Utilisez les titres dans l’ordre : Les titres des rubriques doivent être dans l’ordre H1 >H2 >H3 >H4 >H5 >H6.
Liens accessibles
Les lecteurs d’écran doivent être en mesure de communiquer le contexte qui se cache derrière un lien.
Utilisez un langage descriptif dans les liens : Les liens textuels ne doivent PAS dire « lire plus » et « en savoir plus » – décrivez à vos visiteurs ce que la page qui en résulte va leur apporter.
Créez des liens vers d’autres pages utiles du site tout au long de votre contenu : Permet au visiteur de rechercher rapidement d’autres informations.
Les liens doivent avoir un aspect différent et se démarquer du contenu : Au-delà de l’utilisation de la couleur, utilisez une flèche » → » ou une carotte « > » ou soulignez pour souligner davantage aux visiteurs que le texte est un lien. Vous devez en tenir compte dans vos conceptions. Veillez donc à suivre notre guide de style et les modèles de blocs de pages fournis.
Lorsque vous utilisez des images comme liens : N’utilisez pas simplement une image comme lien. Les images doivent être complétées par du texte afin de mettre en valeur les liens.
Évitez d’utiliser le même texte pour tous les liens : Assurez-vous que les liens qui portent le même nom mènent à la même destination.
Images accessibles
Les utilisateurs aveugles ne peuvent pas voir les images, pas plus que le lecteur d’écran utilisé par un utilisateur aveugle.
Évitez les images contenant du texte : Un lecteur d’écran ne peut pas lire une image, c’est pourquoi les images ne doivent pas contenir de texte précieux ou d’informations qui ne sont pas disponibles sur la page.
Les images doivent comporter un texte alternatif : Les images utilisées à des fins autres que la décoration doivent 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 utilisant un téléphone à son bureau).
Description des textes alternatifs des images : Le texte alt de l’image doit décrire l’image et ne doit pas utiliser de caractères spéciaux.
Évitez le bourrage de mots-clés dans le texte alternatif : Le texte alternatif n’est pas un endroit où l’on peut faire le plein de mots-clés. Si une phrase-clé peut être utilisée occasionnellement, ne l’utilisez pas sur chaque image.
Vidéos accessibles
Les outils payants offrent souvent plus de flexibilité et des fonctionnalités telles que le sous-titrage et la transcription vidéo. Utilisez les versions payantes ou pro des outils vidéo hébergés par des tiers.
Proposez un lien vers une page avec la transcription intégrale de la vidéo sur la page dans le WYSIWYG.
Ne pas lire l’audio automatiquement.
Autres conseils sur le 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 formatage des listes à puces.
Fournir des instructions claires sur les formulaires.
Assurez-vous que les formulaires ne sont pas trop longs et que chaque champ est accompagné d’un libellé descriptif.
Incluez une page dans le pied de page qui contient une déclaration d’accessibilité.
Utilisez un langage simple et concis et expliquez toute abréviation ou tout mot dont le sens est ambigu sans la prononciation.
Assurez-vous que les PDF et autres fichiers téléchargeables sont accessibles.
Prévoyez de passer en revue les anciennes pages de contenu qui ont été transférées sur le nouveau site Web et assurez-vous que vous respectez les meilleures pratiques en matière d’accessibilité.
Outils de test accessibles
Si vous suivez les meilleures 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 certain, vous pouvez toujours utiliser ces outils pour tester chaque page que vous créez :
Votre organisation renforce-t-elle ses exigences en matière d’accessibilité du Web ? Êtes-vous légalement tenu de faire plus ou de rendre compte de vos normes d’accessibilité du Web ? Support de contact – Nous pouvons organiser une conversation avec nos stratèges pour discuter de ce que cela représente d’engager Orbit dans un audit et vous obtenir un devis.
