Introduzione

Il viaggio di Docebo verso l’accessibilità continua con rilascio mensile della settimana del 27 marzo 2023, a partire da quando i Superadmin possono vedere e testare anteprima il nuovo player del corso e la nuova pagina dei corsi e dei piani formativi.

Questo rinnovo ha lo scopo di aumentare il livello di conformità di Docebo Learn con le Web Content Accessibility Guidelines (WCAG) (si apre in una nuova tab), in modo particolare per il player del corso e la pagina dei corsi e dei piani formativi nei cataloghi (per gli utenti non iscritti) e per la pagina I Miei Corsi e Piani Formativi (per gli utenti iscritti).

Risorse disponibili

• A causa della transizione alla nuova pagina del corso, Docebo espone attualmente due Accessibility Conformance Report (entrambi basati su VPAT® Versione 2.4):
  • Per chi NON ha attivato l'anteprima della nuova pagina del corso: Docebo Learn Accessibility Conformance Report  (VPAT) (si apre in una nuova tab)
  • Per chi ha attivato l'anteprima della nuova pagina del corso: Docebo Learn Accessibility Conformance Report (VPAT) per la nuova pagina del corso
• Guida per gli studenti per la nuova pagina del corso
• Post ufficiale della Community di Docebo sulla nuova pagina del corso (si apre in una nuova tab)

Le novità

La leva principale alla base del rinnovo del design della pagina del corso è l'accessibilità, ma questo rifacimento include anche delle migliorie funzionali e di design.

Per la pagina dei corsi, la pagina dei piani formativi e il player del corso:

• Il contenuto è organizzato al fine di garantire un'esperienza utente significativa e coerente anche per chi utilizza la tecnologia assistiva.
• Grazie alla possibilità di bypassare i blocchi di contenuto, gli utenti che utilizzano esclusivamente la navigazione da tastiera possono raggiungere rapidamente i contenuti a cui sono maggiormente interessati.
• Tutte le sezioni principali delle pagine hanno un nome accessibile che ne indica la funzione agli utenti che utilizzano gli screen reader.
• Gli elementi visibili sono identificati con un nome, ove necessario.
• Il nuovo design considera il ricalcolo del flusso (reflow) per offrire un'esperienza significativa e coerente per gli utenti che utilizzano lo zoom.
• I testi dell'interfaccia sono stati rivisti al fine di offrire un'esperienza significativa e coerente per tutti.

La pagina dei corsi e dei piani formativi nei cataloghi

La pagina dei corsi e dei piani formativi nei cataloghi e nel widget Cataloghi è mostrata agli utenti quando non sono ancora iscritti ai corsi e ai piani formativi e vi accedono dai cataloghi.

La pagina è stata completamente ridisegnata in ottica accessibile al fine di essere più intuitiva e più semplice da utilizzare per tutti gli utenti:

• Widget: i widget del corso mostrano una preview del contenuto, ed è possibile espanderli.
• Ricalcolo del flusso (Reflow): la pagina supporta delle dimensioni iniziali minime e gli studenti possono ingrandire lo zoom fino al 400% senza perdere informazioni o funzionalità.
• Accesso rapido al contenuto principale: la pagina consente agli utenti che utilizzano esclusivamente la navigazione da tastiera di accedere rapidamente al contenuto principale, evitando altri elementi (il logo, le aree di ricerca e i pulsanti dell'intestazione).

Il layout della pagina è composto da tre aree principali:

1. Intestazione: Mostra i dettagli del contenuto: titolo, descrizione breve, tipo di contenuto, lingua, punteggio e durata. Gli studenti possono eseguire delle azioni cliccando sui pulsanti che aprono pop-up accessibili, che isolano ogni azione. Ogni azione informa l'utente di cosa sta succedendo. Inoltre, è possibile definire un'immagine per l'intestazione rendendo l'esperienza utente più gradevole e di grande impatto, oppure colorare l'area dell'intestazione con un colore pieno (per enfatizzare i colori aziendali, per esempio), o ancora mantenere un layout basico (senza immagini e senza colori).
2. Barra laterale: Mostra informazioni relative alle opzioni di iscrizione o d'acquisto e altri dettagli relativi al contenuto: ultimo aggiornamento, tempo medio di completamento, crediti (CEU), certificati, certificazioni, se è necessaria l'e-signature, e se il contenuto arriva dal Marketplace dei Contenuti. 
3. Area del contenuto: si tratta dell'area principale della pagina e fornisce informazioni dettagliate in base al tipo di contenuto e alla sua configurazione. La pagina dei piani formativi permette agli studenti di esplorare il contenuto del corso che compone il piano attraverso sezioni espandibili.

La pagina dei corsi per gli utenti Iicritti

La pagina del corso è visualizzata quando gli studenti sono iscritti ai corsi e vi accedono dalla pagina I Miei Corsi e Piani Formativi o dal widget Corsi e piani formativi. La pagina è stata ridisegnata per dare maggiore importanza il materiale didattico del corso (lezioni). Inoltre, i widget del corso sono disponibili da un menu dedicato suddiviso in tab.

Il layout della pagina è composto da tre aree principali:

• Barra del titolo del corso: quest'area mostra il titolo del corso, il tipo di corso, la lingua del corso, il progresso degli studenti nel corso e i pulsanti di azione che permettono agli studenti di eseguire le azioni configurate per il corso.
• Area del player: l'area maggiormente interessata dal rinnovamento. Include il pannello espandibile del programma del corso, la barra di navigazione delle lezioni, il player e l'eventuale descrizione della lezione.
• Widget:I widget del corso sono raggruppati in un'area dedicata sotto l'area player e sono suddivisi in tab. Tutti i widget hanno un'intestazione. Per offrire un'esperienza ottimale agli utenti che utilizzano solo la navigazione da tastiera, il focus della tastiera consente di spostarsi sul titolo del widget selezionato.
  • Widget dettagli corso: Questo nuovo widget mostra i dettagli del corso definiti nella sezione Informazioni sul Corso dell'area Dettagli della tab Proprietà del corso (ad eccezione della descrizione del corso), oltre alle tempistiche di completamento, se il corso è associato a crediti, certificati e certificazioni , se il corso è verificato tramite e-signature e se proviene dal Marketplace dei contenuti.

La pagina dei corsi e-learning

La pagina del player dei corsi e-learning è stata completamente rinnovata, i principali miglioramenti includono:

• Programma del corso: La nuova area che mostra i contenuti del corso è un pannello espandibile che consente agli studenti di navigare tra le lezioni del corso e che può essere visualizzato o nascosto con un clic.
• Esperienza del player coerente: Il nuovo player dei corsi è stato disegnato per offrire un'esperienza coerente per tutti i tipi di materiale didattico. Gli elementi di navigazione e le funzionalità non cambiano posizione o aspetto, ma si adattano al tipo di materiale didattico.
• Modalità teatro: Per offrire un'esperienza utente immersiva, il nuovo player include la visualizzazione in Modalità Teatro, che consente agli studenti di espandere il player e di concentrarsi solo sui contenuti, nascondendo l'intestazione della piattaforma e i widget del corso e mantenendo visibili solo il programma del corso e la barra di navigazione.

La pagina dei corsi Instructor-Led Training (ILT)

La pagina del player dei corsi ILT è stata completamente ridisegnata; i principali miglioramenti includono:

• Nuovo layout: Il focus della pagina è sugli eventi in corso e futuri, in modo da guidare gli studenti nel completamento del corso. È possibile visualizzare gli eventi con vista giornaliera (per vedere tutti gli eventi di ogni singolo giorno) o con una vista agenda (per accedere all'elenco completo degli eventi della sessione). Gli eventi passati sono nascosti di default, ma è possibile visualizzarli attivando un filtro.
• Maggiore visibilità per le azioni: I pulsanti per partecipare agli eventi sono evidenziati nell'area degli eventi che avranno luogo a breve e sono mostrati accanto agli eventi.
• Informazioni sul completamento della sessione: L'area dello stato dell'avanzamento nel corso è seguita da un widget che fornisce informazioni su ciò che gli studenti devono fare per completare la sessione.

La pagina dei piani formativi

Il rinnovamento della pagina dei piani formativi include:

• Dettagli sull'avanzamento: L'avanzamento dello studente nel piano formativo è chiaramente visualizzato nell'area Avanzamento, così come i corsi da iniziare e/o completare.
• Dettagli del piano formativo: Si tratta di un'area che mostra il riepilogo dei dettagli del piano formativo: ultimo aggiornamento, tempo rimanente per completare il piano, associazioni a certificati e certificazioni e se proviene dal Marketplace dei Contenuti.

URL unico del corso

I corsi ora hanno URL univoci, indipendentemente dalla pagina di accesso da parte dello studente e dallo stato di iscrizione. Questo miglioramento risponde a un'idea che raccoglie 162 voti.

I vecchi link dei corsi non saranno aggiornati automaticamente, ma continueranno ad essere validi (ad esempio, se inseriti nei segnalibri o utilizzati in comunicazioni).

Attivare l'anteprima della nuova pagina del corso per il proprio utente

L'anteprima della pagina del corso è disponibile per i Superadmin che possono attivare l'anteprima solo per il proprio utente, testarla e decidere se attivare la nuova pagina del corso per tutti gli utenti. I Superadmin possono anche decidere di abbandonare la modalità di anteprima e di riattivarla in un secondo momento.

Attenzione! La modalità di anteprima sarà disponibile fino al rilascio di dicembre 2024 in produzione e al rilascio sandbox di ottobre nelle sandbox. Contestualmente, la vecchia pagina del corso sarà dismessa e tutti gli utenti dovranno adottare la nuova pagina del corso. Maggiori dettagli nella Community (si apre in una nuova tab).

Per attivare l'anteprima della pagina del corso, connettersi come Superadmin e accedere al Menu amministrazione dal pulsante ingranaggio in alto a destra della pagina. Nell'area Impostazioni cliccare Configurazione aspetto e branding.

Dal banner nella parte superiore della tab Desktop, cliccare Accedi alla modalità anteprima e successivamente Conferma e ricarica nella finestra pop-up. L'interfaccia della piattaforma si ricaricherà per attivare la modalità di anteprima.

Prima di confermare l'attivazione della modalità di anteprima, è importante ricordare che:

• La nuova pagina del corso si attiverà solo per il proprio utente. Gli altri utenti (inclusi i Power User e gli altri Superadmin) continueranno a vedere la vecchia pagina del corso.
• Le modifiche apportate in modalità anteprima (come l'attivazione di opzioni, la modifica di colori, ecc.) si rifletteranno sull'ambiente di produzione.

Mentre la modalità anteprima è attiva, sarà visualizzato il testo Modalità anteprima nell'angolo in alto a destra nelle aree elencate nel capitolo Le Novità di questo documento solo per il proprio utente.

È possibile disattivare la modalità anteprima dal menu Configurazione aspetto e branding cliccando Esci dalla modalità anteprima nel banner nella parte superiore della pagina.

Attivare l'anteprima della nuova pagina del corso per tutti gli utenti

Una volta attivata l'anteprima della nuova pagina del corso per il proprio utente Superadmin (come descritto nel capitolo Attivare l'Anteprima della Nuova Pagina del Corso per il Proprio Utente di questo articolo), è possibile attivare la nuova pagina del corso per tutti gli utenti della piattaforma.

Connettersi come Superadmin e accedere al Menu amministrazione dal pulsante ingranaggio in alto a destra della pagina. Nell'area Impostazioni cliccare Configurazione aspetto e branding.

Dal banner nella parte superiore della tab Desktop, cliccare Attiva per tutti gli utenti. Confermare l'attivazione dell'anteprima nella finestra pop-up e attendere il ricaricamento della piattaforma. Tutti gli utenti vedranno le modifiche legate alla nuova pagina del corso alla loro prossima connessione, o quando ricaricheranno la pagina della piattaforma (prima che della prossima connessione).

Disattivare la nuova pagina del corso

In qualsiasi momento, è possibile disattivare la nuova pagina del corso dal menu Configurazione aspetto e branding, cliccando Disattiva la nuova pagina del corso nel banner in alto.

Se si disattiva la pagina del corso, le configurazioni effettuate per l'immagine dell'intestazione non verranno ripristinate. Se, ad esempio, si è caricata un'immagine come immagine principale, una volta disattivata non la si vedrà più configurata, ma quando si riattiverà la pagina del corso la configurazione sarà conservata.