Introduction

Lors de la configuration des pages de widgets de votre plateforme, et il est important de s’assurer que le contenu numérique qu’ils contiennent est accessible à tous les utilisateurs. Cet aspect est en effet essentiel pour créer des expériences d’apprentissage inclusives.

Cet article présente les meilleures pratiques pour concevoir des pages de widgets accessibles, à l’aide de stratégies telles que l’attribution de titres significatifs ou l’utilisation du HTML sémantique. En appliquant ces suggestions simples, vous pouvez accroître l’utilisabilité de votre plateforme pour toutes sortes de publics. L’objectif de ces conseils pratiques est de vous aider à concevoir un environnement d’apprentissage plus inclusif et engageant pour tous.

Pour la liste complète des widgets accessibles, référez-vous au chapitre Portée de ce document du Rapport de conformité de Docebo en matière d’accessibilité Docebo – Espaces publics, processus de connexion et pages intégrées.

Pour en savoir plus sur l’accessibilité chez Docebo, consultez la liste des ressources disponibles de notre article Docebo et l’accessibilité.

Donner des titres significatifs aux widgets

Attribuez un titre visible à chaque widget en utilisant le champ Titre ou en le définissant dans votre contenu personnalisé. Si vous choisissez de fournir un titre personnalisé, pensez à attribuer le niveau de titre adéquat selon la structure globale de la page. Cette pratique aidera les lecteurs d’écran à interpréter correctement le contenu. Nous recommandons fortement de donner un titre aux widgets, même lorsque leur contenu est visuellement explicite.

Meilleure pratique : si vous ajoutez plusieurs widgets du même type sur une même page, assurez-vous d’attribuer à chacun d’entre eux un titre unique et significatif.

Widget HTML/WYSIWYG

Pour garantir l’accessibilité du widget HTML/WYSIWYG, utilisez un code sémantique approprié et suivez les directives WCAG. Cette pratique améliore non seulement la conformité aux principes d’accessibilité, mais aussi l’expérience utilisateur en général.

Pour plus de détails, consultez l’article Créer une plateforme accessible à l’aide de code personnalisé.

Widget Insérer vidéo

Lorsque vous configurez le widget Insérer vidéo, garantissez-en l’accessibilité pour les utilisateurs malvoyants en fournissant des alternatives pour ce type de contenu multimédia. Il peut s’agir d’ajouter des descriptions audio des éléments visuels de la vidéo à l’aide d’une piste audio supplémentaire.

La plateforme Docebo ne propose pas de contenu préenregistré, donc les créateurs de contenu sont responsables de l’accessibilité de leurs vidéos. Pour en savoir plus, consultez la documentation de Vimeo, YouTube et Wistia.

Pour de plus amples renseignements, référez-vous au chapitre Vidéos intégrées de l’article Configurer du contenu pédagogique accessible.

Widget Cours et plans de formation

Lors de la configuration du widget Cours et plans de formation, choisissez le mode d’affichage Carte ou Liste en fonction de votre public et de la quantité de contenu. Si vous affichez une longue liste de cours, le mode Liste est généralement la meilleure option.

Configurez le widget pour afficher la barre de recherche, le sélecteur de filtres et les options de tri uniquement s’ils sont essentiels au parcours de vos utilisateurs. Évitez de les inclure uniquement pour des raisons de design : garder une mise en page épurée aide à réduire la charge cognitive et renforce l’utilisabilité des pages.

Widget Fenêtre de contenu personnalisé

Lors de la configuration du widget Fenêtre de contenu personnalisé, choisissez soigneusement les couleurs de fond et du texte. Un fond uni est généralement la meilleure option, car il garantit un contraste suffisant. Si vous optez pour une image de fond, assurez-vous que le titre et le sous-titre restent lisibles en les plaçant là où le contraste est adéquat.

Attribuez une étiquette claire et fonctionnelle au lien. Bien qu’il apparaisse comme un bouton pour des raisons de design, il fonctionne comme un lien. Évitez d’utiliser le même texte de lien pour différentes destinations, car cela peut perturber les utilisateurs de lecteurs d’écran. N’activez l’option Ouvrir dans un nouvel onglet/une nouvelle fenêtre que si elle apporte réellement une valeur ajoutée. Enfin, alignez le contenu sur la gauche, car le texte ainsi aligné est généralement plus lisible. Pour en savoir plus sur les liens et l’accessibilité, consultez le chapitre Utiliser judicieusement des liens de l’article Rédiger du contenu accessible et efficace.

Widget Mon calendrier

Lors de la configuration du widget Mon calendrier, souvenez-vous que toutes les vues du calendrier sont accessibles et fournissent la liste des événements. La vue agenda est particulièrement bénéfique car elle impose la charge cognitive la plus faible aux utilisateurs. 

Activez l’option Afficher le type de vue, afin que les utilisateurs puissent choisir selon leur préférence.

Widget liste des tâches

Lors de la configuration du widget Liste des tâches, choisissez avec soin les onglets à afficher pour éviter tout encombrement. Les utilisateurs peuvent explorer le contenu via la barre de pagination ou en faisant défiler la page. De plus, définissez la hauteur du widget de manière réfléchie pour qu’un nombre significatif d’éléments soit visible d’un coup d’œil.