Vogliamo che tutti gli studenti interagiscano nel modo più completo possibile con i corsi che crei in Rise 360. Sappiamo che è importante anche per te. Ecco perché l'accessibilità è una parte fondamentale della nostra tabella di marcia. Di seguito abbiamo messo insieme un diario del lavoro svolto finora. E lo manterremo aggiornato man mano che continuiamo il nostro percorso verso l'accessibilità.

Sapevi che «a11y» è un numeronimo creato per contribuire a sensibilizzare l'opinione pubblica sui problemi e le cause dell'accessibilità. Puoi leggere di più sulla storia di a11y sul sito del progetto A11Y.

Tutto il resto dal 2024

24 aprile 2025

A volte, quando si procede velocemente, si perdono piccoli dettagli lungo la strada. (Do la colpa a uno stato quantistico mutevole. Alcuni potrebbero chiamarlo sonnellino eccessivo, ma cosa sanno dei misteri dell'universo?) Indipendentemente dal motivo, le correzioni all'accessibilità elencate di seguito non sono state inserite in nessuno dei nostri altri riepiloghi del 2024.

• In alcuni casi, l'uso delle virgolette doppie «» come testo alternativo per le immagini non ha fatto sì che gli screen reader ignorassero le immagini come previsto. Ora dovrebbe funzionare in modo coerente.
• Mantenere un contrasto cromatico accessibile in tutto Rise è importante per noi. Ecco perché abbiamo cambiato i colori nel tema Apex. Ora, il numero di risultati della ricerca viene visualizzato con un contrasto accessibile.
• Durante la ricerca di lezioni, lo screen reader includerebbe tutti i nomi delle sezioni che corrispondono a quella lezione nel conteggio dei risultati narrati. Abbiamo fatto in modo che ciò non accada più.
• Questo mi piace molto: se passi al pulsante Invia durante un quiz o una verifica delle conoscenze senza prima rispondere alla domanda, un messaggio compatibile con uno screen reader spiega perché il pulsante non è ancora attivo.

E questo, finalmente, è un anno completo per il 2024, un anno estremamente produttivo in termini di accessibilità sia per gli studenti che per gli autori! Non vediamo l'ora di offrirvi ulteriori miglioramenti nel 2025.

La serie di miglioramenti apportati in questo aggiornamento segue questi criteri WCAG: Contenuto non testuale 1.1.1 (Livello A), 1.3.1 Informazioni e relazioni (Livello A), 1.4.11 Contrasto non testuale (Livello AA), 2.4.6 Titoli ed etichette (Livello AA), 4.1.2 Nome, ruolo, valore (Livello A)

È uno Stampede sull'accessibilità!

4 aprile 2025

Salve, partner! Abbiamo passato i primi tre mesi del 2025 a risolvere i problemi di accessibilità e a correggere i bug per rendere la cavalcata di Rise 360 ancora più agevole.

In effetti, mentre lavoravamo allo sviluppo di future funzionalità incentrate sull'accessibilità, il nostro team ha risolto un'intera serie di problemi relativi all'a11y in sospeso. Abbiamo apportato correzioni agli screen reader e modificato i temi, oltre a bug di navigazione con il lazo. Abbiamo persino provveduto a risolvere un paio di problemi di creazione!

Ma prima di limitarmi ulteriormente alla metafora della torturata fuga precipitosa, scenderò dal mio cavallo di battaglia e condividerò tutto ciò che la nostra squadra ha realizzato da gennaio a marzo del 2025. Alza le vertigini!

Leader dei lettori di schermo

• JAWS presentava un problema ricorrente quando incontrava elementi a scelta multipla per il controllo delle conoscenze e la lista di controllo.
• JAWS non è stato inoltre in grado di superare i blocchi di processo specificamente configurati.
• Windows Narrator non vedeva il numero nei divisori numerici.
• In alcuni casi tutti gli screen reader leggevano le intestazioni delle lezioni nascoste.
• Le modifiche alla barra laterale di navigazione del corso hanno migliorato il supporto per gli screen reader.

Schemi tematici

• Gli indicatori di avanzamento delle lezioni nelle barre laterali dei temi Apex non erano visibili in alcuni casi e mancavano del riempimento a colori in altri.
• Le frecce di compressione/espansione nei temi Horizon erano invisibili quando si utilizzava Dark come combinazione di colori.

Stazione di navigazione

• La barra delle scorciatoie a blocchi è ora navigabile tramite tastiera.
• Windows Magnifier si concentrava su elementi errati (come il menu «hamburger») anziché sul titolo del corso e sul nome dell'autore.
• La casella di controllo Remember me nella pagina di accesso di Articulate 360 Articulate 360 è ora più grande per facilitarne la selezione.
• La messa a fuoco della tastiera era oscurata a risoluzioni più basse quando era visibile il menu di navigazione compatto.
• Parlando di navigazione compatta, i pulsanti ora soddisfano i requisiti di dimensione minima del target.
• Il contenuto non deve sovrapporsi nell'intestazione a nessuna risoluzione.
• Recuperare gli stati di errore durante l'invio di quiz e le verifiche delle conoscenze è ora più logico, con l'obiettivo di spostare l'attenzione quando necessario in modo che gli studenti non rimangano bloccati.
• Le modifiche al timer del quiz assicurano che non venga considerato un elemento di navigazione.

Offerta di creazione

• Gli autori non sono riusciti a modificare l'etichetta «cancella termine di ricerca».
• L'indicatore di messa a fuoco della tastiera non era visibile durante la navigazione nel menu di formattazione dei blocchi

La serie di miglioramenti che abbiamo apportato con questo aggiornamento segue i seguenti criteri WCAG: 1.3.1 Informazioni e relazioni (Livello A), 1.4.11 Contrasto non testuale (Livello AA), 2.4.6 Titoli ed etichette (Livello AA), 2.4.7 Focus Visible (Livello AA), 2.5.8 Dimensione minima dell'obiettivo (Livello AA)

Uno scenario accessibile

21 ottobre 2024

I blocchi scenario di Rise 360 sono tra i blocchi più complicati da creare, ma danno i loro frutti offrendo agli studenti scenari profondamente stratificati e ramificati a cui possono tornare più e più volte. Tuttavia, non è disponibile un testo alternativo per lo sfondo o l'immagine del personaggio, quindi renderli accessibili significava aggiungere un blocco di descrizione prima del blocco di scenario stesso. Questo è cambiato con l'ultimo aggiornamento!

Ora puoi utilizzare il nuovo campo Descrizione della scena disponibile per il titolo e il finale, oltre alle opzioni di dialogo e risposta. Questi vengono letti dagli screen reader e assicurano che ogni utente possa apprezzare i cambiamenti degli sfondi, dei personaggi e delle reazioni dei personaggi in tempo reale!

I miglioramenti che abbiamo apportato in questo aggiornamento seguono i seguenti criteri WCAG: 1.3.1 Informazioni e relazioni (livello A)

Al livello

17 luglio 2024

Si tratta di un importante aggiornamento per gli utenti di screen reader (e per coloro che creano corsi di formazione per loro): ora puoi impostare i livelli di titolo in Rise 360!

«Non ci sono già titoli in Rise 360?» potresti chiederti. Beh, sì. Ai fini della narrazione tramite screen reader, i titoli delle lezioni sono Titolo 1, le intestazioni nei blocchi sono Titolo 2 e i sottotitoli nei blocchi sono Intestazione 3. Quindi le intestazioni esistono e vengono lette dagli screen reader come previsto.

Allora perché questo aggiornamento è così importante? In poche parole: ora hai delle opzioni. Questo aggiornamento consente di formattare il testo normale in qualsiasi formato, dal titolo 2 al titolo 5. Non solo hai più opzioni per i livelli dei titoli, ma puoi anche creare una gerarchia strutturale che consenta agli studenti di trovare rapidamente ciò che stanno cercando. Parliamo di più su come implementarlo in questo articolo.

I titoli sono utili anche agli studenti che non utilizzano gli screen reader. Dare ai contenuti una struttura visiva chiara, soprattutto quando ci sono lunghe sezioni di testo, aiuta i lettori con problemi cognitivi come l'ADHD a concentrarsi.

I miglioramenti apportati in questo aggiornamento seguono i seguenti criteri WCAG: 2.4.6 Headings and Labels (Livello AA), 2.4.10 Section Headings (Livello AAA)

Aggiornamenti per i quali vale la pena parlare

30 aprile 2024

Ti stai chiedendo cosa abbiamo fatto dall'ultima volta che abbiamo scritto nel diario? Negli ultimi sette mesi, ci siamo impegnati a migliorare Rise 360 per offrirti un'esperienza più solida e inclusiva. Oggi celebriamo i miglioramenti all'accessibilità rilasciati a partire da settembre 2023 e ne sottolineiamo l'impatto sugli studenti.

Visibilità e responsabilità

Abbiamo perfezionato l'esperienza di lettura dello schermo per i blocchi di schede e pulsanti, assicurandoci che i titoli delle schede siano chiaramente visibili e che l'intero testo dei pulsanti sia sempre annunciato, anche quando non è completamente visibile sullo schermo. Ora, per il nostro prossimo trucco, non faremo sparire il testo delle schede. Esatto: il testo nei blocchi di tabulazioni non assume più il colore delle schede quando ci passi sopra con il mouse.

E per tutti gli appassionati di temi predefiniti, il pulsante Start del tema Apex è ora accessibile dalla tastiera. In precedenza, l'indicatore di messa a fuoco saltava il pulsante Start e passava direttamente alle lezioni.

Glow-Ups a contrasto

L'aumento del contrasto si traduce in elementi più chiari, il che avvantaggia gli studenti ipovedenti e aumenta la leggibilità e la leggibilità per tutti. Ecco perché abbiamo esaminato attentamente il contrasto cromatico di diversi elementi e abbiamo apportato i seguenti ritocchi:

• Hai oscurato il testo e le icone nelle impostazioni avanzate dei blocchi
• È stato migliorato il contrasto degli stati al passaggio del mouse per gli elementi del quiz, come i pulsanti Invia e Inizia il quiz
• Ci siamo assicurati che il testo segnaposto nelle domande da riempire negli spazi vuoti soddisfi le linee guida sul contrasto cromatico quando visualizzato in Firefox
• Abbiamo modificato il contrasto dei seguenti quattro elementi in modo che siano tutti visibili nella modalità Windows High Contrast: la barra di riproduzione audio, i risultati del quiz, l'icona a forma di lucchetto che appare quando gli studenti superano un quiz e devono raggiungere un punteggio minimo per continuare e i segni di spunta nella barra laterale per le lezioni completate

Rinnovamento della navigazione

Pensate alla navigazione come a una mappa che guida gli studenti attraverso i contenuti. A che serve una mappa se crea confusione? Una struttura di navigazione accessibile e logica crea un'esperienza di apprendimento migliore, coinvolgendo gli studenti durante il loro percorso. Con questo in mente, abbiamo lavorato duramente per mitigare le potenziali aree di disorientamento della navigazione. Ecco le novità:

• Quando il microlearning è in modalità graduale, puoi usare il pulsante Avanti per passare alla fase successiva, il che è positivo! Tuttavia, lo stesso pulsante Avanti consentiva anche di scorrere lo schermo verso il basso, il che non era intuitivo per gli utenti di tastiere e screen reader. La navigazione a gradini ora offre un supporto migliorato per tastiera e screen reader.
• Le intestazioni nella barra laterale non ostacolano più i titoli delle lezioni, anche quando lo schermo è ingrandito al 400%.
• Le caselle di controllo per i quiz e le verifiche delle conoscenze sono ora etichettate in base alla domanda e annunciate come gruppo. Ciò garantisce che le tecnologie assistive identifichino correttamente le scelte relative alle domande.
• Quando l'impostazione del quiz Reveal Answers era impostata su «Mostra risposte errate con feedback», gli screen reader di NVDA hanno rivelato la risposta corretta. (Ops!) Ora ci siamo assicurati che vengano annunciate solo le risposte errate e il feedback sulle domande, come richiesto.
• La struttura della tabella in blocchi grafici ora segue un ordine di lettura logico.

Testo flessibile

Perché sì, questo aggiornamento riguarda esclusivamente il testo! Se, come noi, amate il contesto aggiuntivo, abbiamo un'ottima notizia: i tooltip mostrati agli studenti sono tutti ignorabili, spostabili e persistenti.

Ora puoi anche evidenziare e copiare il titolo e il testo della descrizione del marker nella grafica con etichette.

A proposito di evidenziazione, abbiamo corretto la struttura semantica degli elenchi di caselle di controllo in modo da poter fare clic con il pulsante sinistro del mouse e trascinare il testo della casella di controllo per evidenziare le parole senza contrassegnare la casella di controllo. Se necessario, è disponibile anche una nuova opzione che consente di fare clic sul testo dell'elenco delle caselle di controllo per contrassegnare la casella di controllo. Disporre di un'area più ampia per selezionare gli elementi è particolarmente utile per gli studenti con disabilità motorie.

I miglioramenti apportati in questo aggiornamento seguono i seguenti criteri WCAG: 1.3.1 Informazioni e relazioni (Livello A), 1.4.3 Contrasto (minimo) (Livello AA), 1.4.13 Contenuto al passaggio del mouse o Focus (Livello AA), 2.1.1 Tastiera (Livello A), 2.5.8 Dimensione del target (minima) (Livello AA), 1.3.1 Informazioni e relazioni (Livello A)

Meno movimento nell'oceano

11 settembre 2023

Essendo un'organizzazione incentrata sull'uomo, prendiamo sul serio quando i nostri clienti ci contattano per problemi di accessibilità. Recentemente, qualcuno ci ha fatto sapere che le animazioni «rimbalzanti» nei quiz di Rise 360 causavano loro angoscia. Queste animazioni hanno lo scopo di mantenere il quiz in un punto di visualizzazione ottimale sullo schermo ma, a seconda della visualizzazione a scorrimento e delle dimensioni del browser, possono diventare eccessivamente pronunciate e innescare reazioni fisiche gravi come le vertigini.

Abbiamo agito immediatamente, concentrandoci sull'animazione del quiz e sull'animazione pulsante associata agli elementi grafici etichettati non visitati (anche le animazioni pulsanti possono causare angoscia). Abbiamo stabilito che il modo più rapido per rilasciare una soluzione era aggiungervi la media query css. prefers-reduced-motion In questo modo, quando un utente ha reduce motion o ha remove animation delle impostazioni abilitate sul proprio dispositivo, l'animazione non viene elaborata.

Prendiamo sul serio ogni problema di accessibilità, ma quando un problema può anche causare danni fisici, non possiamo permetterci di aspettare. Abbiamo risolto questo problema in meno di un mese e stiamo esplorando attivamente modi per supportare a livello globale le impostazioni di riduzione del movimento.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Animation from Interactions (Level AAA) 2.3.3

Serata estiva

26 luglio 2023

Fuori fa caldo, quindi perché non rilassarti con alcune fantastiche notizie sull'accessibilità di Rise 360!

Controllo del contrasto del tema

Questa nuova e pratica funzionalità (disponibile in Tema > Colore) consente agli autori di garantire che i contenuti di formazione soddisfino i requisiti di gestione dei colori accessibili per gli studenti ipovedenti con un rapporto di 4, 5:1.

Da sinistra, impostazioni di contrasto Auto, Scuro e Chiaro

Puoi selezionare manualmente il contrasto chiaro o scuro, ma la vera vittoria è quando selezioni Auto. Ciò migliora le copertine, le intestazioni delle lezioni e i pulsanti di navigazione. Come puoi vedere nell'immagine sopra, quando selezionato, il testo chiaro appare automaticamente su colori scuri e viceversa.

I proiettili noiosi sono spariti

Abbiamo anche apportato miglioramenti agli elementi di blocco legati al colore del tema (come i punti elenco negli elenchi puntati). Proprio come il testo nelle intestazioni delle lezioni e nei pulsanti di navigazione, quando un elemento grafico in un blocco utilizza il colore del tema e utilizza anche un simbolo o un testo, il contrasto viene regolato automaticamente per preservare la leggibilità.

Ora riesco a vedere (il testo della foto di copertina) chiaramente

Recentemente anche le foto di copertina si illuminano a contrasto con l'aggiunta di una sovrapposizione chiaro/scuro. Seleziona Chiaro per visualizzare il testo scuro su un'immagine più chiara...

... o Dark to, avete indovinato, mostrare testo chiaro su un'immagine scura.

Puoi anche regolare manualmente la percentuale di sovrapposizione per aumentare o diminuire il contrasto.

Viene in nero?

Infine, abbiamo apportato una leggera ma importante modifica al nostro testo nero. Ora è nero «vero» (questo è il codice esadecimale 000000 per tutti voi grafici). Questo aiuta a migliorare la conformità in materia di accessibilità per tutti i corsi di formazione.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Contrasto (minimo) 1.4.3 (Livello AA), Contrasto non testuale 1.4.11 (Livello AA)

Blocchi sbloccati, etichette perse trovate

24 febbraio 2023

La primavera è dietro l'angolo e ci stiamo avvicinando alle giornate di sole e alle temperature più calde con tre importanti aggiornamenti sull'accessibilità.

Etichette per annunci con screen reader

Le etichette di annuncio degli screen reader sono etichette nascoste utilizzate, come avete indovinato, dagli screen reader per descrivere elementi dell'interfaccia utente come pulsanti e link. Tradurle insieme alle altre etichette è essenziale per garantire la massima accessibilità a tutti gli studenti.

Queste etichette sono sempre esistite in Rise 360, ma non c'è stato modo di tradurle. Questo è cambiato con la nuova scheda Screen Reader Announce. Ora puoi modificare facilmente le etichette di accessibilità in Impostazioni proprio come qualsiasi altra etichetta. Ancora meglio, quando esporti le etichette per la traduzione, le etichette degli annunci con screen reader sono contrassegnate con un tag a11y in modo che siano facili da trovare.

Togli qualche patatina dai vecchi blocchi

Abbiamo lavorato diligentemente sin dal rilascio di Rise 360 VPAT per rendere tutti i nostri blocchi conformi agli standard WCAG 2.1. Ora possiamo eliminarne un altro dall'elenco: i blocchi di processo sono accessibili.

Abbiamo prestato particolare attenzione ai blocchi di processo per creare un'esperienza di apprendimento fluida. Se interagisci con il blocco tramite tastiera, puoi utilizzare i tasti logici attraverso l'interfaccia. L'attenzione rimane concentrata sul pulsante Avanti nelle interazioni e gli screen reader annunciano il titolo del passaggio corrente. In questo modo, gli studenti possono decidere se sfogliare e interagire con il contenuto della fase o passare alla fase successiva del processo.

Abbiamo anche migliorato l'accessibilità per i blocchi di citazioni! L'esperienza della tastiera per le citazioni con link è stata migliorata. Non si concentra più sulla citazione più volte (in precedenza, si accedeva alla versione visualizzata e alla versione disponibile per gli screen reader). Questo miglioramento consente agli studenti di interagire con il blocco tramite screen reader senza ulteriori chiacchiere.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Keyboard 2.1.1 (Livello A), Focus Order 2.4.3 (Livello A), Headings and Labels 2.4.6 (Livello AA), Nome, Ruolo, Valore 4.1.2 (Livello A)

Torna in un lampo

5 dicembre 2022

Cosa c'è di meglio che avere un blocco di flashcard accessibile? Avere entrambi i blocchi di flashcard soddisfa le linee guida sull'accessibilità!

A ottobre, abbiamo apportato miglioramenti al blocco della griglia delle flashcard, ma stavamo ancora lavorando sul suo block-mate. Ora abbiamo apportato questi miglioramenti ai blocchi dello stack di flashcard in modo che siano anche conformi alle WCAG 2.1. Come le griglie, gli stack supportano meglio gli screen reader e sono completamente navigabili da tastiera.

Quando abbiamo iniziato questa iniziativa, abbiamo subito scoperto che non esistevano modelli di flashcard accessibili sul mercato. Quindi ne abbiamo creati uno nostro. Robert Pearce, uno dei nostri ingegneri software senior, ha sviluppato una soluzione, quindi ha collaborato con gli esperti di accessibilità di Microsoft per affinare il design. Dopo numerosi test, siamo stati in grado di portare questa soluzione innovativa a Rise. Ci auguriamo che questo impegno possa aiutare ad aprire la strada ad altre organizzazioni.

Abbiamo apportato anche altri miglioramenti, diversi dalle flashcard, all'accessibilità di Rise.

• L'apertura di link in una nuova scheda modifica il contesto della pagina, cosa che le persone con disabilità visive potrebbero non rendersi conto immediatamente. Con questo aggiornamento, gli screen reader annunciano che il link con le istruzioni aggiuntive si apre in una nuova finestra. Si tratta di un piccolo ma importante cambiamento che rende questo elemento più conforme alle WCAG 2.1
• Il «menu hamburger» (l'icona a tre righe nella parte superiore della barra laterale dei corsi) ora è il primo in ordine di schede se non si passa direttamente al contenuto. È seguito logicamente dalla barra laterale, che controlla. Inoltre, rimane fissa alla parte superiore del corso in modo che gli utenti sappiano sempre dove accedervi. Inoltre, l'icona del menu Hambuger e il link di uscita dal corso (per le esportazioni LMS) ora soddisfano i requisiti di contrasto WCAG 2.1 in modo che siano sempre visibili.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Contrasto (minimo) 1.4.3 (Livello AA), Contrasto non testuale 1.4.11 (Livello AA), Tastiera 2.1.1 (Livello A), Focus Order 2.4.3 (Livello A), Focus Visible 2.4.7 (Livello AA), Nome, Ruolo, Valore 4.1.2 (Livello A), On Input 3.2.2 (Livello A)

Più di un Flash in the Pan

5 ottobre 2022

Se hai intuito dal titolo che questo aggiornamento riguarderebbe le flashcard, otterrai una stella dorata!

I blocchi a griglia Flashcard sono ora conformi alle WCAG 2.1, con un supporto migliorato per tastiere e lettori di schermo. Gli screen reader annunciano quando si apre un pulsante a forma di flashcard, e c'è anche un utile tooltip per passare il mouse al passaggio del mouse, accessibile solo agli utenti che utilizzano solo la tastiera. Puoi anche evidenziare e copiare il testo della flashcard. Già che ci eravamo, abbiamo risolto un problema a causa del quale il pulsante ribaltabile a volte si sovrapponeva alla barra di scorrimento in Windows.

Inoltre, con la nuova funzionalità dei temi, abbiamo cambiato il modo in cui visualizziamo il testo sulle flashcard, osservando quanto spazio occupano i caratteri anziché solo quanti caratteri ci sono. Garantisce un'esperienza più pulita e facile da leggere.

Quanto sono validi i nuovi miglioramenti apportati ai blocchi della griglia delle flashcard? Il nostro tester di Fable (Fable assume persone con disabilità per testare e fornire feedback sui siti) ha assegnato al nuovo blocco di flashcard un punteggio del 100%! Hanno affermato che le flashcard sono facili da capire e da navigare e hanno aggiunto che l'esperienza con lo screen reader è stata «una delizia».

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Meaningful Sequence 1.3.2 (Livello A), Caratteristiche sensoriali 1.3.3 (Livello A), Contrasto (minimo) 1.4.3 (Livello AA), Tastiera 2.1.1 (Livello A), Focus Order 2.4.3 (Livello A), Focus Visible 2.4.7 (Livello AA), Nome, Ruolo, Valore 4.1.2 (Livello A)

Edizione di fine estate

19 settembre 2022

È stata un'estate impegnativa! Così occupati che non abbiamo avuto la possibilità di riprendere fiato e farvi sapere cosa stava succedendo per quanto riguarda l'accessibilità in Rise 360. Risolviamo il problema con un riepilogo di tutto ciò che abbiamo realizzato da maggio!

Blocchi temporali migliorati

I blocchi interattivi possono essere difficili da analizzare correttamente per gli screen reader. Ecco perché siamo tornati indietro e abbiamo migliorato notevolmente le prestazioni degli screen reader per i blocchi della timeline. Nel complesso è un'esperienza molto più pulita. I blocchi della sequenza temporale vengono ancora annunciati come gruppo, ma ora è un elenco semantico, perché essenzialmente si tratta di una serie di eventi. Ancora meglio, ogni scheda nel blocco della timeline non viene annunciata separatamente e la scheda aggiuntiva è stata rimossa, il che ha causato inutili chiacchiere. Per gli studenti con funzionalità visive, le schede cronologiche ora hanno bordi distinguibili nella modalità Windows High Contrast.

Ma non è tutto

Oltre a migliorare l'esperienza dei blocchi interattivi, ecco tutto il resto che abbiamo fatto quest'estate. Fai un respiro profondo, è molto!

• Abbiamo aggiornato il titolo della pagina per la finestra del browser. Ora gli screen reader lo annunciano come titolo della lezione, poi titolo del corso, quindi Rise 360 in modo che lo scopo principale della pagina venga condiviso per primo.
• Per rendere più semplice l'esperienza degli screen reader con i blocchi di fisarmonica, non annunciamo più i segni più e meno separatamente.
• L'indicatore di avanzamento delle lezioni ora dispone di un tooltip completamente accessibile a tutti gli utenti che utilizzano mouse, tastiera e screen reader. Interagisci con esso per vedere se la lezione non è iniziata, la percentuale di completamento o se è stata completata.
• I blocchi di schede interattivi ora utilizzano il comportamento di interazione consigliato per una maggiore accessibilità.
• I blocchi grafici etichettati hanno due nuovi miglioramenti! Per gli utenti che utilizzano la tastiera, l'ordine di tabulazione per i blocchi grafici etichettati segue ora un ordine più logico da sinistra a destra, dall'alto verso il basso. Inoltre, quando uno screen reader incontra un marker grafico etichettato, ora lo annuncia e ne legge il titolo.
• Gli screen reader annunciano costantemente il testo delle didascalie nelle gallerie di immagini.
• Il logo del corso viene contrassegnato come elemento decorativo in modo che non venga letto dagli screen reader.
• I bordi del campo di ricerca e il link Start/Resume Course sono ora visibili nella modalità Windows High Contrast.
• Quando si utilizza uno screen reader in un corso esportato in LMS, la finestra ora mostra il titolo del corso (anziché l'URL). Gli screen reader annunciano «Loading Course» all'avvio del corso per fornire agli studenti un contesto.

I miglioramenti apportati in questo aggiornamento seguono i seguenti criteri WCAG: didascalie (preregistrate) 1.2.2 (livello A), contrasto non testuale 1.4.11 (livello AA), tastiera 2.1.1 (livello A), titoli ed etichette 2.4.6 (livello AA)

Il feedback è fondamentale

7 aprile 2022

No, davvero, lo è! Dopotutto, quando rispondi a un quiz o rispondi a una verifica delle conoscenze, sapere perché una risposta è giusta o sbagliata è importante quasi quanto correggerla. In questo aggiornamento, abbiamo migliorato le prestazioni di feedback negli screen reader in modo che gli utenti siano chiari quando sono nel campo del feedback. Abbiamo anche migliorato la funzionalità per coloro che utilizzano Android Talkback, permettendo loro di interagire con il testo del feedback.

Inoltre, un rapido tuffo nel mondo della modalità a contrasto elevato di Windows (di cui abbiamo parlato la settimana scorsa), abbiamo fatto in modo che il bordo del blocco Continua e i punti all'interno del riquadro siano visibili come previsto.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: contrasto non testuale 1.4.11 (livello AA), ingresso 3.2.2 (livello A), identificazione degli errori 3.3.1 (livello A)

Opinioni contrastanti

31 marzo 2022

C'è una regola molto chiara quando si tratta di accessibilità e di elementi non testuali in un'interfaccia: devono avere un rapporto di contrasto almeno 3:1 tra l'elemento e lo sfondo. Ora, ci sono strumenti e strumenti di controllo del contrasto che utilizziamo per garantire che l'interfaccia Rise 360 soddisfi tale rapporto. Ma quando gli utenti utilizzano qualcosa che modifica radicalmente il contrasto di base, come la modalità Windows High Contrast, diventa più difficile mantenere quel rapporto aureo.

Più duro. Ma non impossibile.

In questo aggiornamento, abbiamo continuato il lavoro iniziato all'inizio di questo mese, assicurando che gli elementi dell'interfaccia siano facilmente visibili, anche se utilizzi un'impostazione di sistema ad alto contrasto.

Nella modalità Windows High Contrast, abbiamo regolato i seguenti elementi in modo che non venissero sbiaditi nelle modalità di contrasto chiaro o scuro.

• Lezione selezionata nella barra laterale
• Menù a base di hamburger da portata (quelle tre piccole righe nell'angolo in alto a sinistra)
• Nei blocchi delle virgolette e della galleria, le frecce successiva e precedente

Per i seguenti elementi dell'interfaccia, abbiamo aumentato o, in alcuni casi, eliminato il contrasto al passaggio del mouse:

• Panoramica del corso
  • Pulsante Avvia/Riprendi corso
  • Pulsante Dettagli
• Barra laterale
  • Ricerca/Chiudi icone di ricerca
• Collegamenti ipertestuali
• Nei blocchi Scenario, il pulsante continua
• Nei blocchi carosello delle citazioni e delle gallerie, nelle icone di selezione delle diapositive e nelle frecce precedente e successiva

Abbiamo anche rimosso un tooltip non necessario che appariva quando si passava il mouse sull'icona di avanzamento della lezione.

E questo è solo l'inizio. Ci impegniamo a garantire che tutti possano utilizzare facilmente Rise 360, indipendentemente da come ci incontrano. Torneremo presto con ulteriori miglioramenti!

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Non-text Contrast 1.4.11 (Level AA), Headings and Labels 2.4.6 (Level AA), Focus Visible 2.4.7 (Level AA)

Ottimizzazione

4 marzo 2022

C'è un momento in cui lavori su qualcosa, qualsiasi cosa, in cui hai alcune parti importanti al quadrato ma non hai ancora iniziato la prossima serie di grandi cambiamenti. Vuoi andare avanti, ma ci sono parti più piccole che devi imparare subito prima di farlo.

Nell'ultimo mese ci siamo impegnati a perfezionare l'accessibilità in Rise 360, a mettere a punto le piccole cose e i dettagli più fini prima di passare alla prossima grande novità.

• Modalità Windows High Contrast:
  • Quando si seleziona un pulsante di opzione (ad esempio quando si fa clic su una risposta a scelta multipla in un quiz) in modalità bianco o nero ad alto contrasto, non appare selezionato. Abbiamo migliorato la visibilità della selezione dei pulsanti di opzione in queste modalità.
  • In modalità bianco ad alto contrasto, il pulsante di ricerca non era visibile.
• Sui dispositivi Android che utilizzano Talkback:
  • Alcuni blocchi sono stati annunciati due volte durante la navigazione degli utenti tra le lezioni.
  • Stavano per essere annunciate delle grafiche decorative, che non avrebbero dovuto essere annunciate.
• Abbiamo aggiunto un'etichetta «close modal» al pop-up contenente le informazioni grafiche.
• Abbiamo anche migliorato l'esperienza con i blocchi grafici nei browser Microsoft Edge. Ora, gli screen reader annunciano le intestazioni dei grafici come previsto.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: contenuto non testuale 1.1.1 (livello A), contrasto non testuale 1.4.11 (livello AA), titoli ed etichette 2.4.6 (livello AA), Focus Visible 2.4.7 (livello AA)

Screen reader, miglioramenti del contrasto e altro

14 gennaio 2022

Le modifiche di questa settimana si concentrano sul miglioramento dell'esperienza utente e sul rendere più facile per tutti l'accesso ai propri corsi, indipendentemente dal modo in cui interagiscono con Rise 360. Ecco cosa abbiamo fatto in queste prime due settimane del nuovo anno.

• Per quanto riguarda gli screen reader, abbiamo modificato il blocco delle schede in modo che i pulsanti precedenti e successivi nascosti non vengano più annunciati ed abbiamo eliminato i punti di riferimento ridondanti.
• Per soddisfare i requisiti di contrasto, la traccia di avanzamento dell'audio è ora nera, quindi è sempre chiaramente visibile, e abbiamo oscurato l'etichetta di ricerca della barra laterale in modo che soddisfi i requisiti.
• Abbiamo anche migliorato le interazioni tra tabelle in modo da poter accedere a tutte le colonne di una tabella, anche con lo schermo con uno zoom del 400%.

I miglioramenti apportati in questo aggiornamento seguono i seguenti criteri WCAG: Info and Relationships 1.3.1 (Level A), 1.4.10 (Level AA), Non-text Contrast 1.4.11 (Level AA), Focus Order 2.4.3 (Level A), Reflow Localization e Focus Improvements

Miglioramenti alla localizzazione e alla messa a fuoco

14 dicembre 2021

E siamo tornati! È passato quasi un anno dal nostro ultimo aggiornamento, ma ciò non significa che non abbiamo lavorato sull'accessibilità. In effetti, i nostri sviluppatori hanno lavorato dietro le quinte per concentrare l'attenzione sull'accessibilità a tutte le nostre nuove e imminenti funzionalità.

In questo senso, abbiamo un nuovo miglioramento e tre nuove correzioni che ci aiutano ad avvicinarci un po' al nostro obiettivo di un'esperienza Rise 360 inclusiva.

• Ora puoi localizzare il lettore video in una delle 16 lingue. Questo dipende dalla lingua scelta per le etichette di testo.
• Sui dispositivi mobili con VoiceOver abilitato, l'attenzione si concentrerà su un elemento nascosto dopo aver inviato una risposta al quiz. Ora, quando invii una risposta, l'attenzione si concentra sul feedback come previsto.
• Quando si passava al pulsante Avanti con il tasto TAB, il colore di evidenziazione non era conforme alla WCAG. Abbiamo modificato il comportamento per renderlo coerente con il pulsante Precedente, che non cambia colore quando viene premuto il tasto tab.
• Abbiamo migliorato la reattività dei quiz e dei controlli delle conoscenze sui dispositivi mobili in modo che siano più facili da leggere.

E ci stiamo solo scaldando. Date un'occhiata a questo spazio per maggiori dettagli sui nostri piani di accessibilità per il 2022.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Contrast (Minimum) 1.4.3 (Level AA), Focus Order 2.4.3 (Level A), Language of Page 3.1.1 (Level A)

Sezione 508 e migliore accessibilità per i blocchi grafici etichettati

28 gennaio 2021

Sezione 508

Quando le agenzie statunitensi presentano informazioni e offrono servizi, ciò che producono deve essere accessibile alle persone con disabilità. Per garantire che siano conformi, tali agenzie (e le persone che producono contenuti per loro) rispettano gli standard della Sezione 508 rivista.

Per semplificare le cose a chi lavora con il governo degli Stati Uniti, abbiamo aggiunto i criteri della Sezione 508 al nostro rapporto sull'accessibilità di Rise 360.

Blocchi grafici etichettati

I blocchi grafici etichettati sono un ottimo modo per conferire un tocco visivo ai tuoi corsi e consentire agli studenti di esplorare al proprio ritmo. Tuttavia, soprattutto se abbinati a uno sfondo bianco, i marcatori grafici con etichetta predefinita richiedono un contrasto maggiore per soddisfare le linee guida sull'accessibilità.

Ecco perché gli autori ora hanno la possibilità di modificare i propri marcatori con un pratico selettore di colori. Disponibile nelle impostazioni dei blocchi grafici etichettati, il selettore di colori consente di cambiare rapidamente il colore di tutti i pennarelli inserendo il codice esadecimale, utilizzando il colore del marchio o selezionando un colore personalizzato a scelta.

Altri miglioramenti al blocco grafico etichettato includono:

• I marker vengono ora letti come un elenco ordinato dagli screen reader.
• Gli screen reader annunciano le icone dei marker come parte del marker.
• Lo stato del marker (indipendentemente dal fatto che sia stato visualizzato o meno) viene annunciato anche dagli screen reader.
• Quando apri un marker, ora tocca prima il contenuto anziché i controlli per un'esperienza più intuitiva.
• La chiusura di un'etichetta con il tasto ESC riporta l'attenzione sul marcatore.
• Quando ci si allontana da un'etichetta pennarello aperta, questa si chiude automaticamente.
• Con questi aggiornamenti, ora possiamo dire che i blocchi grafici etichettati sono accessibili al 100%!

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Contenuto non testuale 1.1.1 (Livello A), Informazioni e relazioni 1.3.1 (Livello A), Etichette descrittive 2.4.6.b (Livello AA), Nome, Ruolo, Valore 4.1.2.a (Livello A)

Supporto ^per lettori di schermo e il nostro VPAT®!

2 dicembre 2020

Nelle ultime settimane, abbiamo migliorato le risposte degli screen reader ai quiz e alla verifica delle conoscenze. Per le domande a scelta multipla e a risposta multipla, è ovvio che gli studenti inseriscano gli elementi dell'elenco. Inoltre, la navigazione tramite tastiera rende chiaro quando una scelta è focalizzata. Le risposte, le recensioni e le rivelazioni sono ora accessibili agli screen reader e gli annunci di feedback sono più intuitivi. La pagina dei risultati del quiz segue un ordine logico con meno distrazioni, rendendo più facile per gli studenti comprendere i risultati.

Con questi ultimi aggiornamenti, ora supportiamo ufficialmente gli screen reader NVDA, JAWS, VoiceOver e TalkBack con i corsi Rise 360. Il nostro obiettivo è garantire che gli studenti che si affidano agli screen reader abbiano un'esperienza di apprendimento soddisfacente e ricca come tutti gli altri quando esplorano i corsi Rise 360.

Oggi abbiamo anche rilasciato un Voluntary Product Accessibility Template ^® (VPAT ^®) che delinea la conformità ai criteri WCAG Level A e Level AA per Rise 360.

Con il nostro VPAT ^® in atto, siamo certi che Rise 360 offra ora un'esperienza di apprendimento accessibile. Naturalmente, soddisfare i criteri è solo il primo passo. Il nostro lavoro sull'accessibilità è in corso. ^{Nei prossimi mesi, approfondiremo per apportare ulteriori miglioramenti e risolvere le eccezioni che abbiamo elencato nel nostro VPAT®.} Vogliamo assicurarci che tutti abbiano la migliore esperienza di Rise 360 possibile, qualunque cosa accada.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Info and Relationships 1.3.1 (Livello A), Meaningful Sequence 1.3.2 (Livello A), Tastiera 2.1.1 (Livello A), Focus Order 2.4.3 (Livello A), Focus Visible 2.4.7 (Livello AA), Nome, Ruolo, Valore 4.1.2 (Livello A)

Garantire la disponibilità di testo alternativo laddove necessario

15 settembre 2020

Il testo alternativo (testo alternativo) è un elemento chiave dell'accessibilità. Con la moltitudine di blocchi basati su immagini di Rise 360, abbiamo fatto in modo che tu possa aggiungere testo alternativo alle tue immagini e che gli screen reader annunciassero quel testo in modo elegante.

Innanzitutto, abbiamo esaminato i nostri blocchi di immagini e verificato che il testo alternativo venga letto una sola volta dagli screen reader. Ciò include:

• Centrato sull'immagine
• Immagine a tutta larghezza
• Immagine e testo
• Testo sull'immagine
• Carousel di immagini
• Griglie di immagini (2, 3 e 4 colonne)
• Fisarmonica
• Tabs
• Immagini di marker grafici con etichetta (non l'immagine di sfondo)
• Processo
• Cronologia
• Controlli delle conoscenze
• Quiz

Se in questi blocchi ci sono immagini prive di testo alternativo, gli screen reader ignorano il tag e le annunciano come immagini o leggono il nome del file.

Per concludere, abbiamo affrontato il problema delle immagini click-to-zoom. Gli screen reader ora annunciano un pulsante di zoom per le immagini. L'interfaccia non sarà diversa per gli utenti vedenti, ma garantisce a chi utilizza gli screen reader un'esperienza comparabile. Quando gli utenti ingrandiscono un'immagine, gli screen reader annunciano il testo alternativo ad essa associato come contesto.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Info and Relationships 1.3.1 (Level A), Meaningful Sequence 1.3.2 (Level A), Parsing 4.1.1 (Level A), Name, Role, Value 4.1.2 (Level A)

Migliorare il contrasto cromatico

14 agosto 2020

La maggior parte delle persone non pensa due volte al contrasto cromatico e al modo in cui influisce sul design. Ma ha un forte effetto sul modo in cui tu e i tuoi studenti vi approcciate a Rise 360.

Se il contrasto tra gli elementi è troppo netto, come caselle di controllo nere su sfondo bianco, può far sembrare le cose un po' semplici. Al contrario, se il contrasto è troppo sottile, ad esempio riquadri grigio chiaro su sfondo bianco, diventa più difficile per gli studenti ipovedenti sperimentare appieno l'impatto dei tuoi contenuti.

Ecco perché abbiamo esaminato attentamente il contrasto cromatico e l'opacità dei seguenti elementi e abbiamo apportato delle modifiche. Sono più accessibili, pur garantendo ai tuoi studenti il design di fascia alta che si aspettano da Rise 360. Ecco cosa abbiamo fatto per migliorare il contrasto in Rise 360:

• È stato oscurato il colore dell'icona X nella barra di ricerca
• È stata aumentata l'opacità predefinita del testo sui blocchi di immagini per migliorare la leggibilità
• Migliorato il contrasto dei contatori di fasi non selezionati nei blocchi di processo
• Ti sei assicurato che il testo «Click to Flip» sui blocchi flashcard non appaia più chiaro di quello selezionato nelle impostazioni dei blocchi
• Sono stati scuriti i colori di diversi elementi di Knowledge Check, tra cui pulsanti di opzione, caselle di controllo, bordi dei campi di testo e bordi trascinabili
• È stato oscurato il colore dei bordi per gli elementi interattivi delle attività di ordinamento
• È stata aumentata l'opacità dei punti non selezionati e sono state oscurate le frecce di avanzamento per i caroselli di citazioni
• Sostituite le icone di download per il blocco di allegati con alternative più accessibili

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Contrast (Minimum) 1.4.3, Non-context Contrast 1.4.11 (Level AA)

Miglioramento dell'accessibilità della barra laterale

28 maggio 2020

La barra laterale è più di un semplice menu. Visualizza un elenco di lezioni e sezioni e funziona anche come casella dei risultati quando si utilizza la barra di ricerca. Volevamo rendere ancora più semplice l'accesso alle informazioni nella barra laterale usando solo la tastiera o uno screen reader.

Navigazione da tastiera

Quando si utilizza il pulsante Tab per navigare, dovrebbe essere possibile interagire solo con gli elementi visualizzati sullo schermo. Abbiamo fatto in modo che tu non possa premere Tab per accedere alle lezioni nascoste nelle intestazioni delle sezioni compresse nella barra laterale.

Inoltre, quando la barra laterale stessa è completamente nascosta dall'autore del corso, abbiamo scoperto che puoi comunque accedere al campo di ricerca con il tasto tab. Non solo ciò non è conforme all'accessibilità, ma può anche aggirare l'intento dell'autore. Abbiamo modificato questa impostazione e ora non puoi accedere al campo di ricerca se la barra laterale è nascosta.

Per quanto riguarda la navigazione limitata del corso, se allo studente viene richiesto di rispondere a un quiz per continuare un corso, sono disponibili diversi segnali visivi, tra cui un tooltip pop-up. Questi suggerimenti ora vengono visualizzati quando un utente accede a una lezione a cui non può ancora accedere.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Content on Hover 1.4.13 (Livello AA), Tastiera 2.1.1 (Livello A), Focus Order 2.4.3 (Livello A), Nome, Ruolo, Valore 4.1.2 (Livello A)

Supporto per lettori di schermo

Poiché la barra laterale offre molte funzioni, volevamo assicurarci che gli screen reader annunciassero correttamente ogni sezione. Abbiamo etichettato ogni singola parte della barra laterale con la sua vera funzione, anziché far annunciare l'intero elemento come «menu».

Campo di ricerca

La ricerca dalla barra laterale richiedeva ulteriori modifiche per farla funzionare meglio con gli screen reader. È stato difficile. Dopotutto, stiamo prendendo una sezione dell'interfaccia che di solito usi per navigare e la stiamo trasformando in qualcosa di completamente diverso: un campo di ricerca e un elenco di risultati. Ora, gli screen reader annunciano se la barra laterale mostra i risultati della ricerca o lo schema del corso.

Abbiamo rielaborato anche le icone. La X che chiude il campo di ricerca è stata annunciata semplicemente come «X», quindi l'abbiamo contestualizzata. Ora, gli screen reader annunciano che quel pulsante è «Chiudi il modulo di ricerca». Molto più descrittivo! Abbiamo anche nascosto l'icona della lente d'ingrandimento agli screen reader poiché è puramente decorativa.

I miglioramenti apportati in questo aggiornamento seguono questi criteri WCAG: Non-text Content 1.1.1 (Level A), Identify Purpose 1.3.6 (Level AAA)

Indicatore di avanzamento

Mentre scorri una lezione di Rise, una cosa che accade alla periferia è che la «torta dei progressi» si riempie nella barra laterale man mano che raggiungi il completamento. Per le lezioni a quiz, puoi dare un'occhiata alla barra laterale e vedere se le hai superate o meno sulla base delle relative icone. Sono simpatici promemoria visivi quando torni a seguire un corso indicando a che punto sei e su come stai.

Gli screen reader ora annunciano il titolo della lezione e l'attuale progresso registrato in percentuale. Se si tratta di una lezione a quiz, lo screen reader annuncia se il quiz è stato superato o meno in precedenza.

E per supportare la nostra attività di etichettatura nella barra laterale, tutte queste lezioni sono ora elencate come pulsanti con gli stati premuti e non premuti necessari.

I miglioramenti apportati in questo aggiornamento seguono i seguenti criteri WCAG: Non-text Content 1.1.1 (Level A), Identify Purpose 1.3.6 (Level AAA)

Controllo della barra laterale

Gli studenti possono comprimere ed espandere la barra laterale utilizzando l'icona del menu (☰) nell'angolo in alto a sinistra del contenuto della lezione. E ora, gli screen reader annunciano la funzione dell'icona in modo che gli studenti ipovedenti sappiano a cosa serve: «Apri/chiudi la barra laterale della lezione».

I miglioramenti apportati in questo aggiornamento seguono i seguenti criteri WCAG: Identify Purpose 1.3.6 (Level AAA), Name, Role, Value 4.1.2 (Level A)