il tempo scorre fra le dita. Tra il pollice e l'indice scorre la sabbia che si accumula al fondo della pagina. La mano rappresenta una delle mudra più usate nel pranayama yoga (Jnana Mudra). Questo gesto accompagna anche la meditazione.

Videoblog

« Accessibilità senza steccati | home | PEAT, ora l'epilessia fotosensibile si testa anche da browser »

Video con sottotitoli e senza bisogno di plugin in HTML5

[AGGIORNAMENTO: ho ripreso per intero il mio seminario a Smau 2009: Scenari futuri del Video-on-the-Web in HTML5.
Segui il video dell'intero seminario e le slide
.]


Silvia Pfeiffer sta portando avanti in Mozilla una ricerca per l'accessibilità dei video in Html5.

Attualmente è disponibile una demo per la sottotitolazione nei formati Srt e Dfxp, che funziona in Html5 con Firefox (dalla versione 3.1 in avanti), con un player costruito tramite Javascript e file video nel formato Ogg. Ogg Theora è stato scelto da Mozilla come baseline video codec per Firefox e per il tag Html5 <video> e l'elemento <itext> per la sottotitolazione.
La demo funziona, oltre che con Firefox, anche con le experimental build di Opera, Chrome e Safari con XiphQT. Internet Explorer 8 supporta alcune parti di Html5 ma non ancora Video, tuttavia lo sviluppo è in corso.

E' possibile analizzare il funzionamento di questa interessante soluzione, che libera la fruizione di video sul Web dall'uso di plugin proprietari come player riproduttori (come ad esempio Adobe Flash, Windows Media player, Real player, QuickTime player...). Non vi è bisogno di un oggetto di programmazione esterno da inglobare nella pagina con l'elemento Object, in quanto il Player basato sulle video JavaScript API è controllato dalla pagina Html.

Aggiornamento: Silvia Pfeiffer (vedi il commento al post) gentilmente mi informa che la skin del Player e la funzione di ingrandimento su trascinamento sono opera di Hans Schmucker.
Mi dice poi una cosa di estremo interesse: utilizzando gli screen-reader che supportano le live region WAI ARIA, il video è integrato da commenti per i non vedenti, che descrivono l'informazione visiva non dialogica.

Riguardo il supporto per gli screen reader la ricerca è in corso.

Vedi più oltre in questo stesso post, dopo l'immagine, per l'inaccessibilità di questa soluzione riguardo la navigazione da tastiera.

L'immagine che segue conduce alla demo funzionante, con sottotitolazione multilingue nel formato Srt. Utilizzando l'icona a fumetto è possibile selezionare la lingua per i sottotitoli e altre opzioni.

vai alla demo di sottotitolazione in Html5

Nella pagina della demo, è possibile ingrandire a piacimento l'area video, trascinando col mouse l'angolo in basso a destra del Player javascript. Non si può ingrandire tramite tastiera.

Lista di demo in progress, di Silvia Pfeiffer.

Purtroppo a causa di un bug di Firefox ("Make video and audio controls keyboard navigable"), non è attualmente possibile navigare il Player built-in tramite il tasto Tabulatore. Pertanto serve almeno un clic del mouse per prendere il Focus, prima di poter utilizzare tutte le funzionalità predisposte. [Vedi aggiornamento più oltre]

Questo limita l'accessibilità del Player in Firefox, in quanto interoperabile con un solo dispositivo (Cfr. WAI User Agent Accessibility Guideline, Guideline 1. Support input and output device-independence). Le persone con disabilità motorie che non possono utilizzare il mouse, e le persone non vedenti che non dispongono di tecnologie assistive in grado di interagire direttamente col built-in Player di Firefox, non sono in grado di far partire il video e di utilizzare i comandi del Player.

AGGIORNAMENTO 28 settembre 2009: in realtà, il problema non è l'impossibilità di spostare il Focus sul video, ma l'impossibilità per l'utente di sapere se il Focus sia o non sia sul video, utilizzando Firefox.
Il risultato in sostanza è lo stesso, per chi naviga senza mouse, infatti una volta che spostandosi col tabulatore si arriva al Focus sul video, i comandi da tastiera sono attivi, ad esempio è possibile fare partire e fermare il filmato con la barra spaziatrice; tuttavia, l'utente non ha modo di comprendere tramite risposte visive se il Focus è sul video. Questo crea per lo più la sensazione di non poter gestire il filmato senza l'uso del mouse.
Per un approfondimento leggi il post Keyboard control of html5 video elements, di

Speriamo che i tempi per risolvere questo bug siano più brevi di quanto avviene per il consimile bug che affligge Firefox nella navigazione con Tab in Html4/Xhtml: "No way to move focus between plugin and browser from keyboard".
Risale al 2001 ed è ancora un problema irrisolto: causa l'inaccessibilità dei video incapsulati con l'elemento Object, in quanto senza il mouse è impossibile prendere il Focus sul Player e attivare il video.
Alcuni Player Flash-based, analizzati nel Player Zen Garden di Webmultimediale, dispongono di una console aggiuntiva Javascript/Html, che consente di fare partire il filmato da tastiera. Vedi un esempio, e un secondo.
Il Nomensa Player risolve il problema tramite una interessante interfaccia Html/Css-based con supporto WAI-ARIA.

Commenti (3)

Thanks for the nice post about my first demo of video accessibility with HTML5 video. Right now, the demo doesn't yet include DFXP, but it is definitely on the roadmap. The skin was originally written by Hans Schmucker and the resizing of the video is thanks to his code. I'd like to point out that if you have a screen reader that understands aria-live regions, the video should also come with read out audio annotations for the blind.


Thanks Silvia!
I added your informations translated for the Italians.
Your research is very interesting, keep me updated :)
Ciao!


Thanks Silvia e Roberto is very interesting and usefull , i stay tuned !


Pubblica un commento

(il commento potrebbe richiedere attesa per la moderazione)

immagine di Roberto Ellero, curatore di questo videoblog

Contatti

Chi sono


leggi i videoblog degli amici autori di Webmultimediale


Almansi videoblog

Bordato videoblog



diventiamo amici su Facebook
Profilo Facebook di Roberto Ellero
View Roberto Ellero's profile on LinkedIn
Newsletter

Iscriviti per ricevere gli aggiornamenti:



Questa pagina contiene un singolo post pubblicato in data 28.07.09 11:33.

Il post precedente è Accessibilità senza steccati.

Il post successivo è PEAT, ora l'epilessia fotosensibile si testa anche da browser.

Puoi trovare altri contenuti nella pagina iniziale o cercando negli archivi.

E' vietata la riproduzione totale o parziale del layout e dei contenuti (testi, immagini, filmati) su carta, supporti tecnologici (floppy, CD-ROM, siti web, ...) e altro per ricavarne lucro, o per distribuirlo come proprio o per qualsiasi altra motivazione, senza il consenso scritto del responsabile del sito

informativa privacy

note legali


Valid XHTML 1.0 Strict

Valid CSS 2