Création de contenu accessible dans le centre d’aide

Disponible avec les éditions Suite Growth et supérieures Disponible avec toutes les éditions Guide

La création de contenu du centre d’aide accessible et facile à utiliser par tous, notamment les utilisateurs de technologie d’assistance fonctionnelle, garantit une expérience réussie et positive à toutes les personnes qui accèdent à Zendesk.

Remarque – Pour obtenir une accessibilité maximale, pensez à rendre le thème de votre centre d’aide accessible, pas seulement son contenu. Consultez Comment rendre votre centre d’aide accessible.

Cet article contient les sections suivantes :

Directives pour l’accessibilité du contenu
Ressources pour l’accessibilité du contenu

Directives pour l’accessibilité du contenu

Le tableau suivant présente les directives permettant de rendre les articles de votre centre d’aide accessibles et faciles à utiliser pour tous.

Remarque – Pour une description plus détaillée de toutes les directives d’accessibilité pour le contenu Web, consultez les directives pour l’accessibilité du contenu Web (WCAG) 2.1.

Élément de l’article	Directive	Exemple
Contenu du corps	Pour créer du contenu facilement accessible à tous, utilisez : Un langage simple et clair Des paragraphes courts Des titres et un texte structuré Des listes numérotées ou à puces	Non accessible « Si vous voulez monter le widget, commencer par inspecter la boîte. Si elle est endommagée, c’est-à-dire cabossée ou cassée, vous devez nous le signaler. Ensuite, vous pouvez commencer en effectuant les tâches suivantes : insérez les vis dans l’unité et serrez-les. Allumez l’unité. » Accessible Pour monter le widget Vérifiez que la boîte est intacte. Si elle est endommagée, contactez le service client. Insérez les vis dans le widget et serrez-les. Appuyez sur le bouton MARCHE.
Titres	Pour les titres, utilisez une hiérarchie, dans laquelle <h1> est le titre le plus important, et servez-vous de <h2>, <h3>, etc. pour organiser les sous-titres. Utilisez une incrémentation d’un niveau quand vous organisez les titres sur la page. Par exemple, utilisez <h4> après <h3>, et non <h5> ou <h6>. Essayez de n’avoir qu’un seul titre <h1>, contenant le texte le plus important (le titre de la page par exemple). En organisant les pages par titres, vous facilitez leur lecture pour les personnes souffrant de handicaps cognitifs et simplifiez la navigation pour les personnes utilisant un lecteur d’écran.	Non accessible (pas de sous-titres) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat turpis ac ultrices pulvinar. Nullam pharetra neque ac eros fermentum, sed tempor lorem tristique. Aenean ut malesuada diam. Non accessible (niveaux de sous-titres manquants) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Titre 1 Quisque tempor semper metus eu venenatis. Titre 4 Etiam et vehicula ipsum. Non accessible (plus d’un titre <h1>) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Titre 1 Quisque tempor semper metus eu venenatis. Titre 1 Etiam et vehicula ipsum. Accessible Lorem ipsum dolor sit amet, consectetur adipiscing elit. Titre 1 Quisque tempor semper metus eu venenatis. Integer vehicula interdum velit, sit amet rutrum nisi sollicitudin ac. Titre 2 Etiam et vehicula ipsum. Aenean placerat semper leo et bibendum.
Images	Fournissez un texte alternatif (ALT) clair et concis pour les images importantes afin de les décrire. Le texte alternatif est lu à haute voix par les lecteurs d’écran. Si vous utilisez Dans les blocs de contenu, utilisez la fonction ALT dans la barre d’outils de l’éditeur de bloc de contenu pour saisir le texte alternatif. Dans les articles, utilisez l’éditeur de code source pour ajouter l’attribut ALT <img> à l’image. Masquez les images décoratives en utilisant un texte ALT nul (`alt=""`) pour que les technologies d’assistance fonctionnelle, comme les lecteurs d’écran, puissent les ignorer.	Non accessible Accessible
Couleur et style des liens	Utilisez une couleur de lien qui contraste avec la page et le texte environnant et qui comprend un indicateur non coloré (comme un trait de soulignement ou une icône). Cela rend vos liens accessibles aux utilisateurs qui ont des difficultés à différencier les textes à faible contraste ou qui sont daltoniens. Évitez d’utiliser des images comme liens. Si nécessaire, utilisez une image qui inclut un texte alternatif décrivant l’emplacement et la finalité du lien.	Non accessible Consultez Création de contenu accessible dans le centre d’aide. Consultez Accessible Consultez Création de contenu accessible dans le centre d’aide.
Texte des liens	Créez des liens qui sont compréhensibles indépendamment du contexte. Par exemple, évitez les liens ambigus du style « cliquez ici » ou « pour en savoir plus ». Les lecteurs d’écran ne peuvent pas interpréter la page de destination du lien si elle n’est pas clairement énoncée dans le texte. N’utilisez pas l’URL brute pour le texte du lien. Les lecteurs d’écran liront la totalité de l’URL aux utilisateurs, quelle que soit sa longueur.	Non accessible Cliquez ici Consultez www.website.com/linkedpage.html Accessible Consultez une liste des ressources pour l’accessibilité
Titres	Choisissez des titres de pages qui décrivent le sujet sur lequel elle porte ou leur finalité.	Non accessible « Détails d’accessibilité » Accessible « Création de contenu accessible dans le centre d’aide »
Vidéo	Sélectionnez un fournisseur de vidéos qui prend les sous-titres en charge. Les sous-titres rendent les vidéos plus accessibles aux personnes sourdes ou malentendantes. Fournissez une transcription et une description audio de la vidéo.	Accessible

Ressources pour l’accessibilité du contenu

Consultez les ressources ci-dessous pour en savoir plus sur la création de contenu accessible dans le centre d’aide.