Introduction

Depuis la publication mensuelle de la semaine du 27 mars 2023 et dans le cadre du processus d’accessibilité de Docebo, les Superadmins peuvent prévisualiser et tester la nouvelle page de cours, ainsi que la page de cours et plan de formation revisitée.

Cette rénovation a pour objectif d’améliorer la conformité de la plateforme Docebo aux principes de Règles pour l'accessibilité des contenus Web (WCAG) (s’ouvre dans un nouvel onglet), en particulier pour le lecteur de cours et la page de plan de formation dans les catalogues (pour les utilisateurs non-inscrits) et lors de l’accès depuis l’espace Mes Cours et Mes Plans de Formation (pour les utilisateurs inscrits)

Ressources disponibles

• Compte tenu de la transition vers la nouvelle page de cours, Docebo dispose actuellement de deux Rapports de conformité en matière d’accessibilité (tous les deux basés sur le modèle VPAT® Version 2.4) :

  • Pour ceux qui n'ont PAS activé l’aperçu de la nouvelle page de cours : Docebo Learn Accessibility Conformance Report (VPAT) (s’ouvre dans un nouvel onglet)
  • Pour ceux qui ont activé l’aperçu de la nouvelle page de cours : Docebo Learn Accessibility Conformance Report (VPAT) for the New Course Page 
• Guide de l’apprenant pour la Nouvelle page de cours
• Post principal sur la communauté Docebo au sujet de la nouvelle page de cours (s’ouvre dans un nouvel onglet)

Nouveautés

L’objectif principal de la refonte de la page de cours est l’accessibilité, mais cette rénovation inclut également des améliorations fonctionnelles et en matière de design.

Que ce soit pour la page de cours, la page de plan de formation ou le lecteur de cours :

• Le contenu est organisé pour apporter une expérience utilisateur pertinente et cohérente, et cela vaut également pour les personnes utilisant des technologies d’assistance.
• La possibilité de contourner des blocs entiers de contenus permet aux individus utilisant uniquement la navigation par clavier d’atteindre rapidement le contenu qui les intéresse.
• Toutes les sections principales de la page ont un nom accessible afin d’apporter un résumé pertinent aux utilisateurs de lecteurs d’écran.
• Les éléments visuels bénéficient de légendes appropriées, le cas échéant.
• La refonte prend en compte la redisposition de la page pour apporter une expérience pertinente et cohérente aux utilisateurs qui zooment sur l’interface.
• Les textes de l’interface ont été revus pour apporter une expérience pertinente et cohérente à tous.
• Le nombre de clics nécessaires pour démarrer des cours et des plans de formation en ligne a été réduit en éliminant la redondance du bouton Démarrer la formation maintenant.
• Vous pouvez activer le mode focus pour les cours (autonomes ou dans les plans d’apprentissage) afin que le lecteur de cours s’ouvre en plein écran par défaut, et :
  • Les widgets du cours sont regroupés par espace et au second plan par rapport au lecteur, mais les apprenants peuvent toujours y accéder en cliquant sur le nom du groupe de widgets en bas de la page.
  • Lorsque les apprenants ferment le lecteur, ils sont toujours redirigés vers la page où ils ont lancé le cours, qu’il s'agisse d’une page incluant le widget Cours et plans de formation ou la page Mes cours et mes plans de formation.
  • Lorsque le cours ne contient qu’un seul contenu pédagogique, les paramètres de visibilité du programme et de navigation en mode théâtre sont ignorés afin de maximiser l’espace pour le contenu. Cela signifie que le programme n’est pas affiché, et que les boutons de navigation pour le contenu pédagogique diffusé en mode théâtre sont masqués.
  • La lecture automatique du cours est automatiquement activée.
  • Si le cours contient plusieurs contenus pédagogiques, les boutons Leçon suivante et Leçon précédente apparaissent sur le côté droit de l’en-tête, ce qui facilite la navigation entre les leçons et améliore l’expérience de formation. Lorsque vous passez la souris sur ces boutons, une info-bulle affiche le titre de la leçon suivante.
  • Pour les cours d’un plan de formation, la navigation est dynamique, offrant aux utilisateurs un moyen simple et intuitif de se déplacer entre le contenu du cours et les autres cours du plan. Une fois que les apprenants ont terminé la dernière leçon d’un cours, le bouton Leçon suivante est remplacé par Cours suivant, ce qui facilite la navigation dans le plan de formation.
  • Le mode focus est disponible pour les formations dirigées par des formateurs (ILT), afin d’aider les apprenants à focaliser leur attention sur le contenu le plus important : l’événement de la session suivante. S’ils ne sont inscrits à aucune session, ils peuvent parcourir et s’inscrire aux sessions disponibles sans quitter la page.
  • Pour les Superadmins, les Power Users et les formateurs, le bouton Gérer dans l’en-tête de la page du cours est réduit à un bouton en forme d’engrenage sans texte.
  • Les apprenants peuvent s’informer des certificats et certifications délivrés pour le contenu qu’ils consultent grâce au bouton Réalisations en haut de la page du contenu.

Page de cours et plans de formation dans les catalogues

La page de cours et plans de formation dans les catalogues et dans le widget Catalogues s’affiche lorsque des apprenants ne sont pas inscrits aux cours ou aux plans de formation et qu’ils y accèdent depuis les catalogues.

La page a entièrement été revisitée dans un souci d’accessibilité, afin de la rendre plus intuitive et conviviale pour tous les utilisateurs :

• Widgets : les widgets du cours affichent une prévisualisation du contenu et peuvent être développées.
• Redisposition : la page est compatible avec des vues réduites et les apprenants peuvent zoomer jusqu’à 400 % sans perte d’information ou de fonctionnalité.
•  Passer au contenu principal : la page permet aux utilisateurs naviguant uniquement à l’aide du clavier de passer rapidement au contenu principal ou à des widgets spécifiques en évitant d’autres éléments tels que le logo, les zones de recherche ou les boutons de l’en-tête.

La page est structurée en trois grandes sections :

1. En-tête : il contient les informations relatives au contenu, à savoir le titre, une courte description, le type de contenu, la langue, l’évaluation et la durée. Les apprenants peuvent exécuter des actions en cliquant sur des boutons ouvrant des fenêtre contextuelles accessibles afin d’isoler chaque action. Chaque fois qu’une action est exécutée, les utilisateurs sont informés de ce qui se produit. De plus, vous pouvez configurer une image d’en-tête afin de rendre l’expérience utilisateur plus agréable et impactante ou choisir une couleur pleine pour l’en-tête (pour mettre l’accent sur les couleurs de votre marque par exemple), ou encore garder une mise en page basique (sans image ni couleur). Enfin, vous pouvez personnaliser la hauteur de l’en-tête à l’aide d’un fichier CSS depuis le menu Configurer les paramètres identité de marque & identité visuelle.
2. Barre latérale : elle contient des informations relatives aux options d’inscription, aux options d’achat et certains détails sur le contenu, comme la date de la dernière mise à jour, le temps moyen d’achèvement, les crédits (CEU), les certificats, les certifications, si la e-signature est requise et si le cours provient du marché des Contenus.
3. Espace contenu : c’est l’espace principal de la page qui contient des informations détaillées en fonction du type de contenu et de sa configuration. La page du plan de formation permet aux apprenants d’explorer le contenu des cours composant le plan à l’aide de sections qui peuvent être développées.

Page de cours pour les utilisateurs inscrits

La page de cours s’affiche quand les apprenants sont inscrits à un cours et y accèdent depuis la page Mes cours et mes plans de formation ou depuis le widget Cours et plans de formation. La page a été revisitée pour mettre en avant les contenus pédagogiques du cours (leçons). De plus, les widgets du cours sont accessibles depuis un menu dédié et organisé en plusieurs onglets.

Pour les cours en e-learning, vous pouvez activer la page d’aperçu du cours au niveau global depuis le menu Configurer les paramètres identité de marque & identité visuelle et pour chaque cours lors de la configuration des propriétés du cours.

La page est structurée en trois grandes sections :

• Barre de titre du cours : cet espace comprend le titre du cours, le type de cours, la langue du cours, la progression de l’apprenant dans le cours, ainsi que les boutons permettant aux apprenants d’effectuer les actions configurées pour le cours.
• Espace lecteur : cet espace est celui qui est le plus impacté par la refonte. Il comprend le plan du cours inclus dans un panneau à développer, la barre de navigation des leçons, le lecteur et la description de la leçon le cas échéant.
• Widgets : les widgets du cours sont regroupés dans un espace dédié sous l’espace du lecteur et sont organisés en onglets. Tous les widgets sont identifiés avec des en-têtes. L’expérience des personnes qui utilisent uniquement le clavier est améliorée car le focus clavier leur permet de passer au titre du widget sélectionné. 
  • Widget Détails du cours : ce nouveau widget comprend les informations relatives au cours définies dans la section Informations cours de l’espace Détails dans l’onglet Propriétés (à l’exception de la description du cours), ainsi que le temps d’achèvement, si le cours est associé à des crédits, des certificats, et des certifications, si le cours est vérifié via e-signature, et s’il provient du marché des contenus.

Page du lecteur des cours en e-learning

La page du lecteur des cours e-learning a été entièrement revisitée. En voici les principales améliorations :

• Programme : ce nouvel espace affiche le contenu du cours dans un panneau à développer. Il permet aux apprenants de parcourir les leçons du cours et peut être affiché ou masqué en un clic. Le programme du cours présente les contenus pédagogiques à l’aide de dossiers, et montre le nombre d’éléments que contient chaque dossier, ce qui optimise la navigation et la lisibilité de l’ensemble.
• Une expérience uniforme avec le lecteur : le nouveau lecteur de cours a été conçu pour apporter une expérience uniforme pour tous les types de contenus pédagogiques. Les éléments de navigation et les fonctionnalités ne changent pas de position ou d’aspect, mais sont adaptés en fonction du type de contenu pédagogique.
• Mode théâtre : pour offrir une expérience réellement immersive, le nouveau lecteur de cours inclut un Mode théâtre qui permet aux apprenants de développer le lecteur et de se concentrer uniquement sur le contenu en masquant l’en-tête de la plateforme et les widgets du cours, mais en gardant le programme et la barre de navigation visibles.

Page du lecteur des formations dirigées par un formateur (ILT)

La page de lecteur des cours ILT a été entièrement revisitée. En voici les principales améliorations :

• Nouvelle structure : la page se focalise sur les évènements en cours et à venir pour mieux indiquer aux apprenants comment terminer le cours. Les évènements peuvent être affichés en Vue quotidienne (voir tous les évènements d’une même journée) ou en Vue Agenda (accéder à la liste complète des événements de la session). Les événements passés sont masqués par défaut, mais peuvent être affichés en activant un filtre.
• Actions plus visibles : les boutons pour rejoindre les évènements sont mis en avant dans l’espace des évènements à venir, et placés près des évènements.
• Informations sur l’achèvement des sessions : l’espace relatif à la progression du cours est suivi d’un widget donnant des détails sur ce que les apprenants doivent faire pour terminer la session.
• Meilleure expérience pour les formateurs : lorsque des formateurs accèdent à un cours ILT (formation dirigée par un formateur) qu’ils gèrent, la liste des sessions s’affiche désormais dans la vue agenda, et les sessions passées s’affichent par défaut pour faciliter la gestion des sessions.

Page plan de formation

La refonte de la page de plan de formation inclut les éléments suivants : 

• Détails sur la progression : l’espace Avancement affiche clairement la progression de l’apprenant dans le plan de formation, ainsi que les cours à commencer et/ou à continuer.
• Détails sur le plan de formation : cet espace comprend un résumé des détails relatifs au plan de formation, à savoir la dernière mise à jour, le temps restant pour achever le plan de formation, si le plan est associé à des certificats et certifications, et s’il provient du marché des contenus.

URL unique du cours

Les cours ont désormais une URL unique, indépendamment de la page utilisée par l’apprenant pour accéder au cours et du statut d’inscription de l’apprenant. Cette amélioration vient en réponse à une idée qui a obtenu 162 votes.

Les anciens liens de cours ne sont pas automatiquement mis à jour, mais continuent à fonctionner (s’ils sont enregistrés en favoris ou affichés dans des communications par exemple).

Activer l’aperçu de la nouvelle page de cours pour vous

L’aperçu de la page de cours est disponible pour les Superadmins, cela veut dire qu’ils peuvent activer la prévisualisation pour leur seule utilisation, la tester et décider s’ils veulent activer la nouvelle page de cours pour tous les utilisateurs. Les Superadmins peuvent également décider de quitter le mode aperçu et y retourner plus tard.

À noter : le mode aperçu est disponible jusqu’à décembre 2024. L’ancienne page de cours sera alors abandonnée, et tous les utilisateurs devront passer à la nouvelle page de cours. En savoir plus sur Docebo Community (s’ouvre dans un nouvel onglet).

Pour activer l’aperçu de la nouvelle page de cours, connectez-vous en tant que Superadmin et accédez au Menu admin grâce à l’icône en forme d’engrenage dans le coin supérieur droit de la page. Dans la section Paramètres, cliquez sur Configurer les paramètres identité de marque & identité visuelle.

Dans la bannière située en haut de l’espace de l’onglet Desktop, cliquez sur Accéder au mode aperçu, puis Confirmer et réactualiser dans la fenêtre contextuelle qui s’affiche. L’interface de la plateforme sera alors réactualisée pour afficher le mode aperçu.

Avant de confirmer l’activation du mode aperçu, veuillez noter que :

• Vous serez le seul utilisateur à avoir la nouvelle page de cours activée. Les autres utilisateurs (y compris les Power Users et les autres Superadmins) continueront à voir l’ancienne page de cours.
• Les changements effectués dans le mode aperçu (options activées, changements de couleurs, etc.) se refléteront sur l’environnement de production.

En mode aperçu, l’étiquette Mode aperçu s’affiche dans le coin supérieur droit dans les espaces répertoriés dans le chapitre Nouveautés de ce document, et ce uniquement pour vous.

Vous pouvez désactiver le mode aperçu en accédant au menu Configurer les paramètres identité de marque & identité visuelle et en cliquant sur Quitter le mode aperçu dans la bannière qui s’affiche en haut de la page.

Activer la nouvelle page de cours pour tous les utilisateurs

Une fois que vous avez activé l’aperçu de la nouvelle page de cours en tant que Superadmin (comme décrit dans le chapitre Activer l’aperçu de la nouvelle page de cours pour vous de cet article), vous pouvez activer la nouvelle page de cours pour tous les utilisateurs de la plateforme.

Pour cela, connectez-vous en tant que Superadmin et accédez au Menu admin depuis l’icône en forme d’engrenage dans le coin supérieur droit de la page. Dans la section Paramètres, cliquez sur Configurer les paramètres identité de marque & identité visuelle.

Dans la bannière située en haut de la page de l’onglet Desktop, cliquez sur Activer pour tous les utilisateurs. Confirmez votre choix dans la fenêtre contextuelle et attendez la réactualisation de la plateforme. Tous les utilisateurs verront les changements liés à la nouvelle page de cours à leur prochaine connexion ou s’ils réactualisent la plateforme, même sans se déconnecter et se reconnecter à nouveau.

Désactiver la nouvelle page de cours

Vous pouvez à tout moment désactiver la nouvelle page de cours en accédant au menu Configurer les paramètres identité de marque & identité visuelle, et en cliquant sur Désactiver la nouvelle page de cours dans la bannière située en haut de la page.

Si vous désactivez la page de cours, les configurations faites pour l’image d’en-tête ne seront pas annulées. Par exemple, si vous avez téléversé une image et que vous désactivez la page, alors vous ne verrez plus cette image. Mais une fois la page activée de nouveau, la configuration sera conservée.