Grafici a barre accessibili

/ 5 marzo 2007 Pubblicato in: Approfondimenti / Articoli / Grafici a barre accessibili Nessun commento
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...

Grafici a barre accessibili – Parte 1

/ 3 marzo 2007 Pubblicato in: Grafici a barre accessibili Nessun commento
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...

Grafici a barre accessibili – Parte 2

/ 3 marzo 2007 Pubblicato in: Grafici a barre accessibili Nessun commento
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...

Grafici a barre accessibili – Parte 3

/ 3 marzo 2007 Pubblicato in: Grafici a barre accessibili Nessun commento
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...

Grafici a barre accessibili – Parte 4

/ 3 marzo 2007 Pubblicato in: Grafici a barre accessibili Nessun commento
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...

Link e informazioni