Aural CSS: i fogli di stile uditivi

di: Nicola Convertini     07 Maggio 2003

In questo articolo vi presenteremo una particolare sezione delle specifiche CSS2: i fogli di stile per l'audio ovvero gli Aural style sheets (fogli di stile uditivi o 'aurali'), strumenti utilissimi per la progettazione di pagine Web ad alta accessibilità.

Con l'avvento delle interfacce grafiche, l'incremento della facilità di utilizzo dei calcolatori ne ha permesso l'accesso alle funzionalità alla fascia di utenza non professionale. Il web è pienamente riconducibile nelle sue linee di sviluppo a questa modello che ha, però, ignorato il fatto che molti utenti del calcolatore hanno problemi di accesso alla rete derivanti da ipovedenza. Studi recenti stimano in 11 milioni gli statunitensi con problemi di vista di cui 1,5 milioni sono ciechi.

Per la fruizione dei contenuti ipertestuali sul Web si ricorre ad applicazioni che utilizzano una voce sintetizzata per la lettura del testo di una pagina web (screen reader): esempi di screen reader sono Simply Web 2000, pwWebSpeak e Jaws per Windows. Per coloro che utilizzano sistemi operativi Unix-based, segnalo Emacspeak. La categoria di software citata soffre dell'incapacità di fornire le inflessioni tipiche della lingua parlata inoltre sono di disturbo per gli udenti. La voce sintetizzata da loro utilizzata va a sommare la dizione dei contenuti ipertestuali a numerose informazioni aggiuntive e a segnali acustici.

A fine di tutela di questa numerosa fascia di utenza, lo standard CSS2 include il supporto ai fogli di stile auditivi, che forniscono numerose funzionalità per il supporto di oggetti audio nelle pagine web.

Quando inizieranno a diffondersi browser con supporto per i fogli di stile auditivi, si potrà immergere l'utente in una esperienza audio tridimensionale senza dover ricorrere a plug-in o applet java. A ciò si aggiunga il fatto che tali software (ad esempio Real Audio e Flash) sono spesso vietati nel download per precise politiche societarie. I fogli di stile utilizzano solo un brower e una comune connessione HTTP.

L'introduzione delle tecnologie multimediali nel CSS2 permette ai progettisti e agli sviluppatori di ottimizzare per varie piattaforme la conversione dei contenuti dei documenti. Alcune proprietà dei fogli di stile dipendono dalle piattaforme: per esempio font-family è inutile in un sintetizzatore vocale e pause-before non ha senso su un dispositivo Braille; diverse tipologie possono richiedere valori differenti per proprietà condivise. CSS2 fornisce due diverse modalità per realizzare quest'obiettivo: utilizzare la proprietà @media, o l'attributo media all'interno del tag <link>.

I nomi delle tipologie di media riconosciuti presenti nelle specifiche CSS2 sono stati stabiliti in base ai dispositivi destinatari:

Tipo di dispositivo Descrizione
All Per tutti i tipi di dispositivi
Screen Per le presentazioni su schermo di computer
Aural Per i browser vocali
Braille Per i browser Braille
Embossed Per le stampanti con pagine in Braille
Handheld Per dispositivi con schermo piccolo, telefoni cellulari e palmari
Print Per la stampa
Projection Per i proiettori
Tty Per dispositivi con una visualizzazione limitata come le macchine telescriventi
Tv Per la Web-TV

Per approfondimenti maggiori rimandiamo alla Guida ai CSS.

Passiamo ora allo studio delle proprietà e dei valori specifici dei CSS uditivi.

Guide CSS

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Guida CSS di base

I CSS servono per gestire tutto il layout di un sito Web. E'...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti