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 prânâyâma yoga (Jnana Mudra). Questo gesto accompagna anche la meditazione.

« Maggio 2009 | Main | Settembre 2009 »

Luglio 2009 Archives

02.07.09

Un Player basato su HTML/CSS e WAI-ARIA: Nomensa Player

Nomensa ha sviluppato un Player multimediale accessibile, basato sulla specifica W3C WAI-ARIA, con una console interamente costruita in Xhtml+Css e quindi pienamente accessibile, indipendente da dispositivo e personalizzabile proprio come un layout.

Nomensa Player può eseguire video tramite Jw Player e da YouTube.
Essendo i comandi programmati con WAI-ARIA, è accessibile a chi usa Jaws o qualsiasi altro screen-reader in assoluto confort: il lettore di schermo pilota l'audiovisivo in un ambiente HTML/CSS.

Il supporto della sottotitolazione in formato W3C Dfxp consente la fruizione alle persone sorde o a chi non dispone di scheda audio, oppure non può attivarla.


Nomensa have created an accessible media player, capable of playing audio and video content. The player can also pull in content from YouTube, making it the first accessible YouTube player available for embedding directly into any website.
A standard Flash media player has been wrapped in HTML/CSS content, to give it an accessible interface. Advanced techniques, including Accessible Rich Internet Application (ARIA) code, have been used to produce this revolutionary media player. The HTML/CSS interface provides great flexibility for branding and styling.

The media player is keyboard accessible, making it enjoyable for people to use without a mouse. It's screen reader friendly as well, and also offers an unparalleled experience for people using the latest screen readers with ARIA support.
People who are deaf or hard of hearing can also enjoy using the media player, as it has the ability to display captions as standard. It really offers an inclusive experience for everyone visiting the website.

Ecco un esempio messo in produzione su Webmultimediale.org:

metti alla prova il Player Nomensa

Ringrazio Léonie Watson, Director of Accessibility di Nomensa, per avermi consentito di sperimentare il Player su Webmultimediale, e Sam Dwyer, lead developer del Nomensa media player, per le spiegazioni approfondite sulla struttura del player.

Sei interessato ai Player accessibili? Visita il Player Zen Garden.

22.07.09

Accessibilità senza steccati

La Perkins School for the Blind, con sede a Watertown (Massachusetts), è nata 175 anni fa come prima scuola per i non vedenti negli Stati Uniti.
Il sito della Perkins School for the Blind, molto curato nella grafica e nei testi, rappresenta un esempio raro di attenzione a tutte le esigenze per l'accessibilità dei contenuti.

E' il sito di una scuola per non vedenti, e i numerosi video pubblicati nella sezione Webcasts - oltre ad essere proposti con una tecnologia direttamente accessibile ai lettori di schermo che utilizzano i non vedenti - sono tutti sottotitolati, consentendo la fruizione anche alle persone sorde.

Il sito è stato realizzato nella piena consapevolezza delle linee guida per l'accessibilità del progetto WAI W3C. Come si legge nell'Accessibility Policy Statement, "Any device or software capable of displaying Web content can access information from www.Perkins.org. This includes audio browsers, text-only browsers, screen-reading software and screen magnification software, among others".

Può essere personalizzato cambiando grandezza dei caratteri e schemi di colore testo/sfondo (home-page, in basso a destra).

Nei Webcast viene utilizzato con playlist il Player di Ncam (ccPlayer), di cui è disponibile il test nel Player Zen Garden di Webmultimediale.

un esempio di Webcast accessibile alle persone cieche e sorde

28.07.09

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.

PEAT, ora l'epilessia fotosensibile si testa anche da browser

Nel mio precedente post Video ed epilessia fotosensibile, ho presentato PEAT, Photosensitive Epilepsy Analysis Tool, del Trace Center, University of Wisconsin, uno strumento utile per esaminare le differenze di luminosità e i lampeggi rosso saturo, quindi per individuare la presenza di lampeggi pericolosi per le persone affette da epilessia fotosensibile. PEAT è indicato espressamente nelle Techniques G15, G19 e G176 delle WCAG 2.0 come risorsa utile per i test.

Avevo indicato i passi per valutare con PEAT qualsiasi output a schermo (quindi banner, video, animazioni...) tramite l'utilizzo del software di registrazione monitor Camstudio, che registra in formato Avi, l'unico compatibile con PEAT.

E' stata rilasciata una nuova versione (1.5) di PEAT, e ora è possibile verificare qualsiasi pagina Web direttamente dal tool, che consente tramite il Menu Capture di registrare in formato Avi i contenuti di una qualsiasi finestra attiva.
La cattura viene poi sottoposta all'analisi che ho descritto nel precedente post, che evidenzia gli intervalli critici causa di problemi agli utenti affetti da epilessia fotosensibile.

Nel seguente video è possibile osservare il semplice processo di analisi dei lampeggi in un video su YouTube, a partire da una finestra in Firefox. Scarica PEAT (è free).

A number of significant updates have been made to the Photosensitive Epilepsy Analysis Tool (PEAT) Beta. With this release, it is now possible to use PEAT's built-in video capture capability to more easily analyze web content and software for seizure risk.
Developers can now initiate a video capture of a Web browser or application window from within the PEAT software. This release also includes a variety of performance improvements and new features including improved keyboard shortcuts, the ability to save analysis results in HTML and significantly expanded user documentation.

Ama! di Silvia Mattia

Ama! è il disco d'esordio della mia amica Silvia Mattia, con la produzione dell’Unione Italiana Ciechi e degli Ipovedenti Onlus (UIC). Silvia è la vincitrice del I Concorso Nazionale Canoro riservato a giovani ciechi ed ipovedenti indetto dall'UIC nel 2007.

In questo post raccolgo il video abbreviato del suo recente intervento a Unomattina (Rai 1, 15 luglio 2009) e un'intervista per Radio 24.



Intervista
breve per il programma Figli di un Dio minore a Radio 24 il 22 luglio scorso.

File audio. Nella pagina-fonte di webmultimediale.it il link diretto al file Mp3.


Alcune recensioni del Cd di Silvia:

Cartadamusica

Outune.net

Rockaction

Video su YouTube:

Silvia Mattia canta alla premiazione del Premio Braille 2008 - RaiUNO

30.07.09

HTML5 nello US Congress Video archive, METAVID.org

La sperimentazione di soluzioni video accessibili in HTML5 è arrivata molto velocemente a qualcosa di concreto e interessante.

Grazie al canale YouTube di Silvia Pfeiffer, ho potuto constatare che l'archivio dei video del Congresso degli Stati Uniti - www.METAVID.org - pubblica i filmati con il tag <video> di HTML5.

Per ovviare ai problemi di compatibilità con i browser, avviene questo:

  • Utilizzando Firefox 3.5 (o le experimental build di Opera, Chrome e Safari con XiphQT) i video vengono serviti nel formato Ogg Theora, con un Player basato su Javascript e pertanto senza bisogno di avere installato alcun plugin di terze parti.
  • Utilizzando Internet Explorer 7 e 8, se il Pc ha installato Vlc media player viene richiesta l'esecuzione del componente aggiuntivo (Activex Plugin) Vlc media player e viene eseguito il video in formato Ogg Theora.
  • Se nel Pc non è presente Vlc ed è installato il plugin Adobe Flash Player, viene caricato il Flash-based Player Flow Player (di cui è possibile vedere un test nel Player Zen Garden di Webmultimediale), e il filmato viene servito nel formato Flash Video.

I filmati dell'archivio del Congresso sono trascritti a blocchi con l'indicazione del tempo.

Oltre a consentire la lettura veloce, la fruizione alle persone sorde o a chi non può attivare l'audio, la sequenza testuale temporizzata consente - selezionando da tastiera col tabulatore, o spostando il Focus con il mouse su un blocco - di spostarsi subito all'interno del video in corrispondenza del testo prescelto.
L'intero sistema di trascrizione a blocchi e di temporizzazione è editabile dai redattori del sito direttamente nelle pagine dell'archivio video.

Vantaggi di questo sistema di archiviazione video: con i brower che attualmente supportano pienamente l'elemento Html5 <video>, la fruizione di video avviene senza necessità di installare plugin come ad esempio Adobe Flash Player (gli altri browser vengono forniti di soluzioni alternative in modo automatico, nella prospettiva di eliminare l'installazione dei plugin Vlc e Flash player quando il supporto a <video> sarà esteso a tutti i browser).
La navigazione nei video e nelle trascrizioni è garantita anche da tastiera, senza necessità di utilizzare il mouse (cosa essenziale per il principio della device independence).
L'esplorazione dei video, grazie all'alternativa testuale affiancata e temporizzata, è veloce e facile.

La seguente immagine conduce a un filmato dell'archivio.

schermata del sito dell'archivio video del Congresso degli States

L'archivio Metavid prefigura nuovi scenari per la fruizione di video sul Web.

Link utili per approfondire:

Ginger's thoughts

Annodex

jquery.srt.js

Test an implementation against the DFXP 1.0 test suite

Dailymotion

Demo di Silvia Pfeiffer

Firefox 3.5 Gestisce i Video Come pagine Web

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


Informazioni Luglio 2009

Questa pagina contiene i post di Videoblog di Luglio 2009. Sono ordinati dal più vecchio al più nuovo.

Puoi trovare altro nella pagina principale oppure cercando negli archivi.

IWA Useful Resource