Introduction
Votre plateforme évolue pour fournir une expérience accessible à tous les utilisateurs quelles que soient leurs capacités ou leurs limitations. L’expérience utilisateur sur votre plateforme devient donc plus accessible grâce à l'utilisation de lecteurs d’écran et la navigation clavier dans certains espaces et sur certains éléments indiqués dans l’article Docebo et l’Accessibilité.
Docebo n’est pas responsable du contenu téléversé dans votre plateforme (cours, contenu pédagogique, contributions téléchargées via Discover, Coach & Share y compris les sous-titres) et ne garantit pas que le contenu disponible dans Docebo Content et Docebo Discover soit accessible. Cependant, nous souhaitons vivement vous aider à créer du contenu qui soit aussi inclusif et accessible que possible en vous donnant quelques suggestions et recommandations.
Rédiger un Texte Accessible
Cette section vous fournit quelques indications de base pour commencer à écrire du contenu web plus accessible à tous.
S’agissant d’accessibilité, le mot texte, se réfère à la fois au texte que les utilisateurs peuvent lire sur leur écran (le texte visible) et au texte utilisé par les lecteurs d’écran (texte non-visible).
Le texte visible inclut les étiquettes, les éléments, les textes des boutons, les liens et les formulaires. Le texte non-visible inclut des descriptions qui ne sont pas affichées à l’écran (comme des textes alternatifs pour les boutons avec icônes). Les textes visible et non-visible doivent être descriptifs et explicites, car certains utilisateurs naviguent en utilisant des titres ou des liens. Voici quelques suggestions.
Soyez Simple
Allez à l’essentiel et n’utilisez pas de texte inutilement complexe. Utilisez un langage clair en évitant les acronymes (ou développez-les à leur première utilisation), les expressions idiomatiques, les mots familiers, les abréviations et les caractères spéciaux qui ne sont pas lus par les lecteurs d’écran. Prenez également en considération le niveau de connaissance des apprenants sur le sujet.
Soyez Concis
Évitez toute phrase ou mot inutile. Les lecteurs d’écran lisent à voix haute chaque élément de l’interface, raccourcir le plus possible le texte facilite donc la navigation pour les utilisateurs.
Renforcez la Lisibilité
Certains apprenants peuvent avoir des difficultés à lire de longs textes. Ecrivez des phrases et des paragraphes courts et ciblés. Utilisez des titres pour diviser votre texte afin que les lecteurs d’écran puissent passer d’une section à une autre. Essayez de garder une continuité entre les sections pour une navigation fluide.
Restez Cohérent
Gardez un langage régulier dans tout le texte afin que les termes utilisés deviennent familiers aux apprenants. Pensez à écrire un glossaire des termes les plus utilisés.
Évitez Toute Mise en Forme Excessive
Utilisez la mise en forme (gras, italique, souligné) et les différents styles de police quand c’est nécessaire. N'utilisez pas les couleurs du texte car certains utilisateurs ne les voient pas correctement.
Utilisez les Liens à Bon Escient
Créez des liens dans le cadre du texte que vous écrivez. Par exemple, évitez Cliquez ici pour télécharger le fichier et utilisez plutôt Téléchargez le fichier en tant que lien. Si possible, ajoutez des informations sur la destination du lien.
Soignez vos Titres
De bons titres (par exemple pour les cours, les plans de formation, le contenu pédagogique, les chaînes, les catalogues, etc.) sont particulièrement importants pour l’orientation pour aider les utilisateurs à comprendre leur position dans la page et ainsi naviguer les pages et leur contenu. De bons titres décrivent le contenu auquel ils se réfèrent. Soyez concis et positionnez les informations les plus importantes en premier.
Testez votre Contenu
Assurez-vous que votre contenu est tel que vous le souhaitez en le testant dans votre plateforme. Naviguez dans les zones où votre contenu est visible de vos apprenants et essayez de le mettre en valeur. Le contenu est-il auto évident ? Le texte est-il clair et complet ? Les liens sont-ils clairs où avez-vous utilisé cliquez ici ?
Tenez Toujours Compte des Étiquettes
Utilisez les mêmes suggestions listées pour les textes quand vous personnalisez les étiquettes affichées dans l’interface utilisateur via l’Outil de Localisation.
Soyez Inspiré
Voici quelques liens utiles qui peuvent vous aider à créer du contenu accessible :
Personnalisation de l’Interface de la Plateforme
Il est important de garder l’accessibilité à l’esprit quand vous personnalisez l’aspect visuel de la plateforme. Cette section fournit quelques indications de base pour configurer l’interface de la plateforme en tenant compte de l’accessibilité.
Couleurs
Le contraste et la les couleurs sont vitales pour une interface accessible. Les utilisateurs, y compris ceux ayant des déficiences visuelles, doivent pouvoir percevoir le contenu de la page. Depuis le 30 juin 2020, les couleurs Docebo satisfont aux exigences du critère de réussite 1.4.3 Contrast (Minimum) du WCAG.
Thème de Couleur Accessible
Actuellement, le thème de couleur par défaut de Docebo ne fournit pas de couleurs accessibles. Notre Équipe Accessibilité travaille dur pour mettre à disposition un thème accessible par défaut pour toutes les plateformes. Gardez un œil sur notre Product Updates page pour les dernières mises à jour et pour être informé quand le thème sera disponible.
Entre temps, vous pouvez configurer des couleurs accessibles dans votre plateforme en les définissant dans le menu Configurez l’Image de Marque et l'Identité Visuelle, accessible depuis le Menu Admin et l’icône engrenage dans le coin supérieur droit de la page.
Utilisez les codes HEX fournis dans le tableau ci-dessous :
Zone de Couleur |
Hex Code de la Couleur |
Couleurs Principales |
#0465AC |
Couleurs Principales Texte |
#333333 |
Couleurs Secondaires Texte |
#707070 |
Couleur de Texte Accentué & Liens |
#0465AC |
Bordures, Lignes |
#E4e5e6 |
Éléments d’Arrière-Plan et Survol |
#f5f5f5 |
Messages de Confirmation |
#008767 |
Alertes |
#C94E09 |
Erreurs |
#CF000F |
Si vous souhaitez utiliser d’autres couleurs que celles suggérées dans ce tableau, veillez à garder un contraste minimum de 4.5:1. Plusieurs outils disponibles en ligne vous permettent de vérifier le contraste, voici deux exemples :