Senza le alternative per l'accessibilità dei video: trascrizione, sottotitoli, audiodescrizione, le persone con disabilità sensoriali rimangono escluse dalla fruizione dei video pubblicati sul Web.

Quello che già avviene nei teatri, al cinema e alla televisione: la sottotitolazione, l’interpretazione LIS e l'audiodescrizione, si può fare anche sul Web, e con facilità.
Ne parlo ormai da molto tempo, e nel sito webmultimediale.org potete trovare alcune guide ed esempi pratici che ho prodotto per docenze e seminari.
Purtroppo i filmati accessibili sono ancora molto rari in Rete, in particolare le audiodescrizioni sono pressoché inesistenti.
Con questo filmato propongo la soluzione più efficace, completa e facile da usare, nella speranza che - dimostrando quanto sia facile rendere accessibile un video anche a chi non vede e a chi non sente - l'attenzione alle alternative per l'accessibilità dei video inizi a diffondersi.

• Play
• Pause
• Vol. Up
• Vol. Down
• Mute
• Unmute

Link diretto al video su YouTube

Un esempio di video accessibile realizzato utilizzando questa tecnologia

Trascrizione del parlato

Le icone standard Web per AudioDescrizione e sottotitolazione (Closed Captioning) attivabili-disattivabili.

Come avevo già illustrato a Smau 2010, pubblicare un video su YouTube, su Vimeo, o sul proprio server, corredandolo di sottotitoli per chi non sente e di audiodescrizione per chi non vede, è davvero molto facile.

Pubblico un esempio che riattualizza questa opportunità (già disponibile da tempo su Webmultimediale.org Labs con anche informazioni sul plugin per Vimeo), sfruttando un esercizio che avevo proposto nel corso di una docenza per gli Enti pubblici della Toscana: l'audiodescrizione di due brevi scene tratte dal film Chocolat, di Lasse Hallström, con Juliette Binoche, Johnny Depp e Alfred Molina.

Visitando la sezione Player Zen Garden di Webmultimediale.org, si incontrano diverse soluzioni-player per consentire a tutti l'accesso ai filmati online, tuttavia questa che riporto qui è sicuramente la più efficiente e flessibile, e facile da usare: il player JW con i plugin per audiodescrizione, sottotitolazione e uso con Vimeo. Funziona importando da YouTube e Vimeo, e gestendo risorse audio/video caricate su un proprio server. Le alternative sono attivabili/disattivabili. Una console aggiuntiva con comandi come link (costruita con programmazione Javascript), consente il controllo dei comandi con qualsiasi tecnologia e configurazione. I file di audiodescrizione e di sottotitolazione sono un mp3 e un Srt, esterni, che il player esegue in modo sincronizzato col video.

Nella mia breve video-guida tutti gli step per ottenere facilmente un video accessibile come questo.

Console Html/Javascript

1. play/pause the video
2. mute/unmute the video
3. rewind and stop the video

La voce che legge l'audiodescrizione è di Silvia Zanotto.

Ho predisposto l'utilizzo di questo player, completo delle alternative accessibili, per il sito Culturabile.it, associazione Media-partner di Webmultimediale.org. Vi saranno pubblicati audiolibri con trascrizione e video sottotitolati e audiodescritti.

Audiodescrivere e sottotitolare sul Web è facile: le tecnologie ci sono e sono semplici da usare.

I video corredati di sottotitoli, su YouTube, vengono automaticamente integrati con una trascrizione interattiva che consente, oltre a leggere il testo del parlato, di spostarsi con un clic nella sezione del video che interessa.

Purtroppo, per accedere alla trascrizione, si deve attivare un pulsante che non è accessibile agli screen-reader. Inoltre la trascrizione non è pilotabile da tastiera. Pertanto l'accesso è precluso alle persone non vedenti e senza l'uso del mouse.

Claude Almansi ha individuato una modalità per fornire, in modo però manuale, una trascrizione interattiva pienamente accessibile. Utilizzando la possibilità di puntare in deep linking all'interno dei video caricati su Youtube, con sintassi “#t=1m45s” dopo l'Url del video, Claude ha inserito nel suo post - sotto il video - una serie di link corrispondenti ai punti di inizio delle singole didascalie della sottotitolazione, in modo da consentire a tutti la lettura della trascrizione e l'attivazione del video nei punti in cui si segmenta la trascrizione. Leggi l'articolo di Claude.

Oltre a Youtube, altri servizi consentono di avere accanto ai video una trascrizione interattiva: il sito del TED e il portale del Congresso degli Stati Uniti. Il servizio del TED è basato su tecnologia Adobe Flash, inaccessibile a Jaws e da tastiera. Il servizio del Congresso (Metavid) è invece accessibile agli screen-reader e navigabile anche con l'utilizzo della sola tastiera. Di seguito le schermate linkate ai relativi servizi.

TED e trascrizione interattiva

Metavid e trascrizione interattiva

Wesley Luyten ha realizzato un interessante plugin (Vimeo component) per il Player basato su Adobe Flash JW, in grado di importare e visualizzare i video caricati su Vimeo.
In questo modo, utilizzando i moduli per l'accessibilità disponibili per questo player: Captions e Audiodescription, è possibile inserire video da Vimeo nel proprio sito o blog e corredarli di sottotitoli e di audiodescrizione, cosa altrimenti non possibile sul servizio Vimeo.

Un esempio di questo plugin Vimeo per JW Player è disponibile in queste pagine di Webmultimediale:
http://webmultimediale.org/labs/vimeo/ (versione 5 del Player).

Un esempio con scene audiodescritte dal film Chocolat è disponibile nell'aggiornamento di questo articolo.

Il plugin è acquistabile nel sito di Wesley Luyten, all'interno della pagina che lo descrive vi sono i riferimenti.

Come si vede nelle pagine di esempio su Webmultimediale: un video è importato da Vimeo, è corredato di sottotitoli per non udenti e di file mp3 esterno per il commento audio (audiodescrizione) per chi non vede, inoltre una console di link - esterna al player - consente il controllo del video anche da tastiera.
Ovviamente, negli esempi, i file di sottotitolazione (in formato xml Dfxp) e di audiodescrizione (mp3) sono solo indicativi delle funzionalità tecniche del Player e del componente Vimeo, e NON rappresentano il lavoro redazionale che va fatto per fornire audiodescrizioni e sottotitoli calibrati sui contenuti audiovisivi.

Per chi fosse interessato agli aspetti linguistici dell'audiodescrizione, può approfondire l'argomento nel sito audiodescrizione.it.

Passare in mezzo. Riflessioni sullo sguardo che cerca di diventare tatto per toccare ciò che vede... e l'udito non sta a guardare...

Versione a velocità dimezzata: youtube.com/watch?v=ZAk8j-TIyC8

Riprese effettuate in Val di Sella, nel percorso ArteNatura di Arte Sella e a Strigno, località Tomaselli (Trento).

In questo mio video, Cristina Ceola, direttrice della Collana Edro di Industrialzone (di cui è disponibile in questo sito la resa teatrale di un altro libro dedicato alla dislessia), presenta con l'autrice Franca Perini il libro Quel segreto color di corallo, realizzato con l'apporto scientifico dello psicologo Lino Cavedon e le illustrazioni di Luca Olivotto.
Il libro affronta il difficile argomento dell'abuso sui minori, in maniera chiara e delicata, utilizzando un linguaggio semplice e diretto.
Invita il bambino a entrare in contatto con le problematiche della molestia.
Invoglia ad approfondire ulteriormente l'argomento con l'insegnante, i genitori o un esperto.
Aiuta a riconoscere i comportamenti ambigui di adulti o coetanei.

Se è riconosciuto che le manifestazioni di abuso sono quasi sempre presenti nell'ambito familiare è altrettanto vero che questi traumi non sempre sono evidenti a scuola o nella comunità.
Con la lettura da parte di un adulto, si accompagna delicatamente il bambino dentro una vicenda, di cui scopre le dinamiche, le ripercussioni e le strategie appropriate per uscirne bene con l'aiuto degli adulti positivi.
Si fornisce così un'informazione completa ed esaustiva, creando il ponte con la vita reale del bambino che impara pertanto a non rinunciare alla funzione protettiva dell'adulto. Lo stesso, qualora venisse interpellato dal bambino, saprà creare condizioni che facilitino il racconto e saprà accogliere le sue parole garantendogli il massimo spazio d'ascolto in un ambiente riservato e protetto.

• Play
• Pause
• Vol. Up
• Vol. Down
• Mute
• Unmute
• Forward
• Rewind

Al convegno Cultura Senza Barriere 2010, insieme a Silvia Mattia (responsabile del Centro di Competenza Consip sull’accessibilità), ho presentato i risultati dei test che abbiamo effettuato su una decina di Player multimediali per il Web, analizzandone la capacità di dialogare con il lettore di schermo Jaws in diverse versioni.

I risultati sono disponibili nelle slide utilizzate nel corso del nostro seminario, dal titolo: Accessibilità dei contenuti audiovisivi e dei Player, e pubblicate nello slideshare del convegno.

Di seguito riporto i dati in formato testo.

I Player oggetto dei test con Jaws sono tutti utilizzabili in prova, con tutte le caratteristiche attive, nella sezione Player Zen Garden di Webmultimediale.org.

Link diretto alle slide su Slideshare

I dati risultanti dalle sessioni di test che abbiamo effettuato sono rilasciati, come per le slide, sotto licenza Creative Commons Attribuzione-Non commerciale-Non opere derivate 2.5 Italia

Si prega pertanto, per qualsiasi riutilizzo e citazione, di fornire i riferimenti a Roberto Ellero e Silvia Mattia, e un link a questo post di Webmultimediale.org.

Accessibilità dei contenuti audiovisivi e dei Player, Silvia Mattia e Roberto Ellero - Presentation Transcript

1. Accessibilità dei contenuti audiovisivi e dei Player
2. Accessibilità dei contenuti audiovisivi e dei Player
   • Cosa è Consip ?
   • Centro di Competenza sull'accessibilità
   • non solo test su siti ed applicazioni, ma anche laboratorio di ricerca e innovazione
3. Accessibilità dei contenuti audiovisivi e dei Player
   • Panoramica sull'accessibilità dei video
   • Qualità dei contenuti
   • attrezzatura professionale
   • montaggio accurato
   • qualità dell'immagine e dell'audio per la comprensibilità del messaggio
   • progettazione con l'accessibilità in mente
4. Accessibilità dei contenuti audiovisivi e dei Player
   • Panoramica sull'accessibilità dei video
   • Alternative accessibili
   • Trascrizione
   • Audiodescrizione
   • Interpretazione in lingua dei segni italiana (LIS)
   • Sottotitolazione
5. Accessibilità dei contenuti audiovisivi e dei Player
   • Panoramica sull'accessibilità dei video
   • Accessibilità dei Player
   • dialogo con le tecnologie assistive
   • indipendenza da dispositivo
6. Accessibilità dei contenuti audiovisivi e dei Player
   • Il Player è un oggetto di programmazione che, per evitare l'esclusione delle persone con disabilità sensoriali e motorie, deve presentare le seguenti caratteristiche:
   • deve supportare almeno un formato di sottotitolazione (preferibilmente standard Web come W3C DFXP, SMIL, SAMI, QuickTime-txt e Real-rt)
   • deve consentire di collegare un file audio per l' audiodescrizione per le persone non vedenti
7. Accessibilità dei contenuti audiovisivi e dei Player
   • deve consentire l'attivazione e la disattivazione di sottotitoli e audiodescrizione (le alternative possono essere distrattori o limitanti in alcune circostanze),
   • deve consentire la visione a tutto schermo per le persone ipovedenti (Full screen),
   • deve essere pilotabile da tastiera, senza l'uso del mouse (per i disabili motori e i non vedenti),
8. Accessibilità dei contenuti audiovisivi e dei Player
   • deve essere direttamente accessibile alle tecnologie assistive come ad esempio Jaws, oppure
   • deve essere corredato di una console aggiuntiva con comandi come link (costruita con programmazione Javascript), pilotabile con qualsiasi tecnologia e configurazione
   • Se direttamente accessibile, il Player va inglobato nella pagina utilizzando l'attributo Classid dell'elemento Object, usando il doppio Object con i commenti condizionali per la compatibilità crossbrowser (senza Classid, Jaws 8 non vede l'oggetto, in quanto le MSAA non sono attivate)
9. Accessibilità dei contenuti audiovisivi e dei Player
   • Se accessibile tramite console aggiuntiva con comandi come link, è invece possibile utilizzare il singolo Object, evitando in ogni caso l'uso dell'elemento deprecato Embed. Per esempi di entrambe le codifiche, vedi il codice Html delle pagine di Webmultimediale.org, nei vari casi di utilizzo
   • Una galleria di Player che rispondono almeno in parte a queste caratteristiche è disponibile nella sezione Player Zen garden di Webmultimediale.org
10. Accessibilità dei contenuti audiovisivi e dei Player
    • Presentiamo alcuni risultati dei test che abbiamo effettuato sui Player multimediali con diverse versioni del lettore di schermo Jaws .
    • Limitatamente ai Player basati su Flash , con Jaws 8 e 10 , markup (X)HTML
    • I risultati completi su tutti i Player, versioni di Jaws, (X)HTML e HTML5, verranno presentati presso Consip in un workshop dedicato
11. Accessibilità dei contenuti audiovisivi e dei Player
    • Utilizzando la versione 8 di Jaws, purtroppo il supporto della fruizione dei video in rete è molto limitato
    • Utilizzando Jaws 8 con Explorer 7 o 8 non è possibile accedere a oggetti multimediali
    • Con Jaws 8 è necessario utilizzare Explorer 6
12. Accessibilità dei contenuti audiovisivi e dei Player
    • Con questa configurazione, ancora abbastanza diffusa, è decisivo il markup utilizzato per inglobare i video nei vari formati.
    • Utilizzando l'attributo proprietario di Microsoft Classid, Jaws 8 riconosce l'oggetto multimediale e l'interazione è possibile.
    • Utilizzando invece la marcatura priva di Classid, Jaws 8 non vede l'oggetto.
13. Accessibilità dei contenuti audiovisivi e dei Player
    • Utilizzando l'elemento Object senza Classid è pertanto necessario fornire una console aggiuntiva programmata tramite Javascript, in modo da poter pilotare l'oggetto attraverso semplici link
14. Accessibilità dei contenuti audiovisivi e dei Player
    • Con Jaws 9 ed Explorer 6 e seguenti si riesce ad accedere all'oggetto sia con Classid che senza
    • Con Jaws 10 ed Explorer 8 si riesce ad accedere all'oggetto sia con Classid che senza
15. Accessibilità dei contenuti audiovisivi e dei Player
    • ANALISI DI PLAYER BASATI SU FLASH
16. Accessibilità dei contenuti audiovisivi e dei Player
    • NOMENSA Player risulta pienamente accessibile con JAWS 8 (e IE6), con JAWS 9 e 10
    • E' anche possibile accedere al testo dei sottotitoli (solo con le versioni 9 e 10)
    • L'interfaccia basata su HTML, CSS e WAI ARIA rende molto semplice l'interazione, tutti i pulsanti sono riconoscibili
17. Accessibilità dei contenuti audiovisivi e dei Player
18. Accessibilità dei contenuti audiovisivi e dei Player
    • LESITE.TV
    • Questo Player ha i pulsanti non etichettati, con qualsiasi versione, e non fornisce una console di link esterna
19. Accessibilità dei contenuti audiovisivi e dei Player
    • ccPlayer di NCAM
    • Il Player di NCAM consente il riconoscimento di tutti i pulsanti e la lettura dei sottotitoli
20. Accessibilità dei contenuti audiovisivi e dei Player
    • JW Flv Player
    • Se inglobato tramite Javascript, l'oggetto Flash non è visibile da JAWS. Tuttavia questo player consente di fornire una console basata su Javascript , che consente di pilotare agevolmente i comandi tramite link
    • Se inglobato tramite Object, tutti i pulsanti sono etichettati
21. Accessibilità dei contenuti audiovisivi e dei Player
22. Accessibilità dei contenuti audiovisivi e dei Player
    • JW con skin accessibile Ohio State University
    • Parzialmente accessibile, esempio di tentativo eccentrico e poco usabile di consentire l'accesso ai comandi tramite combinazioni di tasti, difficili da ricordare (per fare stop: ctrl alt s). Console situata sopra il video.
23. Accessibilità dei contenuti audiovisivi e dei Player
24. Accessibilità dei contenuti audiovisivi e dei Player
    • NEOLAO Flv Player
    • I pulsanti non sono etichettati. E' possibile fornire una console di link tramite Javascript
25. Accessibilità dei contenuti audiovisivi e dei Player
    • WEB-ANATOMY Player
    • La modalità di inserimento nella pagina, tramite programmazione Javascript, nasconde il Player a JAWS, ma è disponibile una console di link
26. Accessibilità dei contenuti audiovisivi e dei Player
    • FLOW PLAYER
    • Flow Player non consente l'accesso all'oggetto, è completamente inaccessibile ed è privo all'origine di console di link esterni all'oggetto.
27. Accessibilità dei contenuti audiovisivi e dei Player
    • RICH MEDIA PROJECT Player
    • Si entra nel video, anche se viene usato Javascript per l'embedding, ma i tasti non sono etichettati . La console Javascript aggiuntiva è però molto comoda ed estesa.

I dati risultati dalle sessioni di test che abbiamo effettuato sono rilasciati, come per le slide, sotto licenza Creative Commons Attribuzione-Non commerciale-Non opere derivate 2.5 Italia

Si prega pertanto, per qualsiasi riutilizzo e citazione, di fornire i riferimenti a Roberto Ellero e Silvia Mattia, e un link a questo post di Webmultimediale.org.