Corsi on-line
Chiudi
Newsletter:
  • Seguici su Facebook
  • Seguici su Twitter
  • Seguici su Google+
  • Seguici via RSS
  • Seguici col tuo Smartphone

Aural style sheets: fogli di stile per browser vocali

Articolo scritto da Stefano Cancedda
Pagina 1 di 3

I classici browser visivi, ampiamente diffusi nei pc odierni, hanno un'interfaccia ragionevolmente intuitiva ed efficace per la maggior parte degli utenti; sono invece inutilizzabili per alcune categorie di essi tra cui gli ipovedenti ed i non-vedenti. Questo problema di accessibilità trova a seconda del caso concreto le più valide e disparate soluzioni.
E' sicuramente interessante quella dei browser vocali, che presentano il documento attraverso flussi audio servendosi di sintetizzatori e tecnologie di I/O audio.

Il consorzio W3C, che si occupa della definizione degli standard nel mondo del web, ha elaborato un sistema di supporto ai browser vocali che sfrutta i vantaggi del gia noto CSS per offrire un modello di fogli di stile universale, indipendente dal codice del documento e compatibile con gli standard attuali.
L'utilizzo del CSS ai fini dell'accessibilità permette di separare completamente la struttura del documento dalla sua presentazione. Questo fatto rende possibile la redazione di un codice HTML pulito ed indipendente dallo stile, in cui l'autore può ignorare tranquillamente le nozioni di programmazione che riguardano la presentazione nei vari ambienti.

Aural Style Sheets (ACSS) è una tecnologia introdotta a partire dalla versione 2 del CSS che definisce le regole di presentazione di un documento in un browser vocale.
Le proprietà audio CSS 2 forniscono informazioni che per analogia sono comparabili ai font nelle presentazioni visive. Le proprietà caratteristiche, raggruppate per funzionalità, sono descritte brevemente di seguito:

Ecco una semplice applicazione pratica, tratta da CSS2 W3C Specifications.
H2, H3 {
voice-family: paul;
stress: 20;
richness: 90;
cue-before: url("ping.au")
}
P.heidi { azimuth: center-left }
P.peter { azimuth: right }
P.goat { volume: x-soft }
L'esempio imposta il sintetizzatore vocale con un timbro di voce di nome "paul" ('paul' è una sorta di "audio font") , con una pronuncia regolare (stress=20) ma molto espressiva (richness=90). La sezione è introdotta dalla riproduzione del file audio "ping.au". I paragrafi di classe "heidi" saranno letti da una voce proveniente da sinistra (salvo che il sistema audio non supporti la spazialità del suono), quelli di classe "peter" da una voce proveniente dalla destra mentre quelli di classe "goat" saranno caratterizzati da una voce soffusa.

Gli argomenti delle proprietà ACSS possono essere di vari formati, principalmente numeri puri, percentuali, grandezze fisiche.
Ogni argomento di uso frequente è inoltre generalmente accompagnato da una serie di costanti mnemoniche che permettono un'assegnazione del valore in modo semantico e non numerico. Riporto a titolo di esempio i valori costanti assegnabili come argomento di alcune proprietà, in caso di necessità, l'elenco completo si può trovare tabulato nell'appendice A del documento W3C che espone il CSS2.

volume <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud
elevation <angle> | below | level | above | higher | lower
da notare come la costante silent corrispondente al silenzio sia differente dal valore 0 (x-soft) che indica il minimo volume udibile.

Corsi
Corso CSSCorso CSS
Web Design ed Accessibilità secondo il W3C con CSS ed XHTML. A partire da 29 €.
Corso HTMLCorso HTML
Il linguaggio di marcatura per il Web. A partire da 29 €.
Corso Webmaster AvanzatoCorso Webmaster Avanzato
Diventa un Webmaster professionista. A partire da 39 €.
Vedi anche...
Annunci

Mr.Webmaster

Pubblicità
Chi Siamo
Contattaci
Collabora
Note Legali
© 2003 - 2012 Mr.Webmaster - Il portale dei Webmaster Italiani - Tutti i diritti riservati | Powered by IKIweb Internet Media S.r.l. - PIVA 02848390122