Grafici a barre accessibili

Ogni volta che si fruisce un insieme di statistiche, la documentazione è corredata da grafici che ne agevolano la comprensione; su internet molti sono i siti che utilizzano le immagini per veicolare informazioni. La legge “Stanca” ci dice che l’informazione deve poter essere fruita anche in assenza di immagini. La soluzione proposta vuole essere un’idea continua a leggere

Grafici a barre accessibili – Parte 1

Lo scopo di un grafico Il grafico usualmente è utilizzato per mostrare l’andamento di un mercato o comunque di un generico valore nel tempo. Solitamente un grafico è seguito sui libri da una leggenda che ne descrive velocemente il senso. Un esempio di etichetta potrebbe essere “densità della popolazione negli anni”. Sappiamo cosa contiene il continua a leggere

Grafici a barre accessibili – Parte 2

La soluzione Proviamo ad immaginare un grafico a barre orizzontali (barre che partono dalla sinistra per arrivare a destra). Bene adesso disegnamolo pensando anche all’accessibilità. Un grafico è racchiuso solitamente in un’area (un box). Quindi la prima cosa da fare è creare il proprio box in HTML. <div class=”graph_area”> </div> A questo box associamo uno continua a leggere

Grafici a barre accessibili – Parte 3

Estendiamo il grafico – parte 1: elementi storici Pensiamo di riportare anche un grafico storico (per esempio il picco delle visite storiche) integrato nello stesso grafico. Questo fa sempre parte della sezione di ciascuna barra, quindi basta modificare la section in questo modo: <span class=”label”> Firefox:</span>     <div class=”section”>         <span class=”chart” style=”width:28%;”>             <span continua a leggere

Grafici a barre accessibili – Parte 4

Miglioriamo il grafico – compatibilità con Internet Explorer 6 e precedenti Se provate il codice su Firefox, Internet Explorer 7 oppure Opera, noterete la perfezione dell’opera. Non si può dire altrettanto se avete dato uno sguardo agli esempi con una versione precedente di Internet Explorer. Sostituendo il commento condizionale dell’esempio precedente con quanto segue, le etichette descrittive continua a leggere