Se c’è una persona che mi fa impallidire come innovazione è Christian Heilmann, uno dei maggiori esperti di Yahoo User Interface.
L’ultima innovazione geniale è una soluzione ottimale per l’accessibilità delle presentazioni pubblicate su slideshare.
L’idea di Chris è l’uso di YQL – Yahoo Query Language, un framework per creare mashup, al fine di estrarre in formato XML i dati testuali presenti all’interno delle slide importate all’interno del sistema Slideshare. Va chiarito che le slide devono contenere testo, ovvero è necessario che in fase di produzione i contenuti testuali siano predisposti usando l’elemento specifico per rappresentare il testo.
Passando alcuni parametri si ottiene un risultato come il seguente:
Nell’esempio è rappresentata una mia presentazione tenuta a SMAU 2008 dove si possono notare i contenuti testuali delle singole slide rappresentati tramite elementi <li>, nel seguente formato:
<li>
<strong>Slide 1:</strong>
<p>Come evolverà il Web? Consigli su come non rimanere disoccupati nel giro di pochi anni Roberto Scano consulente Web - https://robertoscano.info Presidente IWA ITALY – Coordinatore EMEA IWA/HWG W3C AC Representative for IWA/HWG W3C WCAG Working Group Member W3C ATAG Working Group Member Expert of ISO/TC 159/SC 4/WG 5 'Software ergonomics and human-computer dialogues‘ […]</p>
</li>
<li>
<strong>Slide 2:</strong>
<p>Cos’è IWA/HWG IWA/HWG è un’Associazione professionale no profit riconosciuta leader mondiale nella fornitura dei principi e delle certificazioni di formazione per i professionisti della Rete Internet; è presente in 100 paesi, con 130 sedi ufficiali in rappresentanza di più di 165.000 associati. La sua missione •Fornire programmi formativi di qualità •Fornire agli associati supporto e collaborazione a livello regionale, nazionale e internazionale, nonché un marchio di affiliazione riconosciuto a livello mondiale •Promuovere i principi universali di etica e di pratica professionale per tutti i professionisti della Rete Internet •Fornire supporto per la definizione e lo studio di normative nei Paesi in cui è presente Roberto Scano – consulente Web – https://robertoscano.info</p>
</li>
...
Tramite un semplice script potremmo quindi garantire a chiunque di poter fruire dei contenuti testuali presenti nelle slide, garantendo una maggiore accessibilità dei contenuti di SlideShare.
Tag: YUI
Yahoo User Interface: ARIA nuova per l’accessibilità
Yahoo sta mantenendo le promesse che alcuni mesi fa, all’uscita del mio libro sulle applicazioni accessibili, mi aveva “confidato” via e-mail. Uno dei massimi esperti di accessibilità di Yahoo doveva produrre un capitolo per il mio libro ma alla data di pubblicazione l’accessibilità di YUI (Yahoo User Interface) non era ancora implementata, “colpa” anche dell’instabilità della specifica WAI-ARIA, in particolare degli attributi “role” e “states”.
Ora sono disponibili una serie di plug-in, scaricabili liberamente, per garantire l’accessibilità di oggetti come:
- Button
- Ruoli / Stati di WAI-ARIA: checkbox, radio, radiogroup
- Carousel
- Ruoli / Stati di WAI-ARIA: toolbar, button, listbox, option
- Container
- Ruoli / Stati di WAI-ARIA: dialog, alertdialog, tooltip
- Menu
- Ruoli / Stati di WAI-ARIA: menu, menubar, menuitem
- TableView
- Ruoli / Stati di WAI-ARIA: tablist, tab, tabpanel
Questi componenti sono ancora in fase di “beta” e pertanto si chiede agli sviluppatori di provarli con tecnologie assistive e browser idonei.
Ricordo che il supporto di WAI-ARIA è nativo all’interno di Firefox 3 e Internet Explorer 8, così come all’interno di Opera 9.5 (quest’ultimo, purtroppo, non risulta essere supportato da nessun screen reader). WAI-ARIA è supportato anche dalle versioni attuali di Windows Eyes, Jaws e NVDA.
Carousel ARIA Plugin per Yahoo User Interface (YUI)
Molti di voi conoscono sicuramente la libreria Yahoo User Interface (YUI), attualmente disponibile nella versione 2.6.0 – uscita ieri. Va detto che è disponibile anche una preview delle potenti funzionalità della versione 3.0, ma non andiamo troppo avanti per ora. Per chi non conosce YUI, ecco la descrizione ufficiale:
The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.
Ultimamente Yahoo sta implementando soluzioni predisposte per WAI-ARIA in modo da consentire la gestione di ruoli (roles) e stati (states) per agevolare l’interazione dei nuovi controlli (widget) con le tecnologie assistive.
Uno dei nuovi controlli previsti nella YUI 2.6.0 è Carusel con il supporto di WAI-ARIA.
Il risultato visibile ai visitatori del sito Web è rappresentato in questa demo mentre in questo video è disponibile una dimostrazione di utilizzo di questo oggetto tramite Firefox 3 e con l’ausilio dello screen reader gratuito NVDA.
Lo sviluppatore dovrà essenzialmente definire solo una semplice istruzione per aggiungere ARIA alle funzionalità dell’oggetto Carousel.
var oTabView = new YAHOO.widget.Carousel({ usearia: true });