Grafici statistici accessibili / diagrammi

Scoprite i requisiti più importanti per i grafici statistici accessibili confrontando esempi accessibili e meno accessibili.

I requisiti discussi negli esempi riguardano principalmente le esigenze di persone con diverse disabilità visive, come acuità visiva limitata, visione a tunnel o daltonismo.

I requisiti per la grafica complessa e le illustrazioni per i non vedenti sono trattati nella scheda accordion "Alternative di testo".

In breve

Quando si creano grafici e diagrammi statistici accessibili senza barriere, occorre tenere conto di tre aspetti in particolare.

  • Assicuratevi che i contrasti tra la rappresentazione dei dati (punti, linee, aree) e il rispettivo sfondo dei grafici siano chiaramente visibili.
  • Evitare di assegnare i dati mostrati e le eventuali legende solo in base al colore. Utilizzate simboli, tratteggi o schemi diversi per rappresentare i dati. ? inoltre consigliabile etichettare i dati direttamente nei grafici o sui loro assi, oltre alle eventuali legende.
  • I grafici statistici devono sempre essere corredati da alternative testuali che descrivano esplicitamente le informazioni più importanti contenute nei grafici. Per saperne di più sulle alternative di testo adatte, consultate la scheda dell'accordion "Alternative di testo". Se possibile, decidete di fornire ai lettori la base dei dati corrispondenti, ad esempio sotto forma di tabella accessibile.

Le nozioni di base e le informazioni di base sulle modalità presentate qui sono disponibili all'indirizzo Fondamenti di e-Accessibilità e nel nostro Corso Moodle.

esempi

Di seguito, confrontiamo i diagrammi statistici più frequenti e tipici con le loro versioni più accessibili.

Grafici a barre

I grafici a barre sono un tipico esempio di grafica in cui l'etichettatura delle singole rappresentazioni dei dati è spesso realizzata con legende.

Esempio poco accessibile

Questo esempio viola le linee guida internazionali WCAG per i contenuti elettronici accessibili in due modi. I colori delle barre non sono molto contrastanti e sono difficili da distinguere l'uno dall'altro. Il collegamento tra le singole barre e le corrispondenti legende avviene solo attraverso il loro colore. Si noti inoltre che l'etichettatura è generalmente piuttosto piccola.

Esempio. Grafico a barre, di difficile accesso

Esempi più accessibili

Questa versione, un po' più scialba ma più accessibile e facile da stampare, rispetta le linee guida relative al contrasto e all'uso dei colori. Non solo le barre possono essere facilmente distinte e assegnate alle rispettive legende. Le barre sono anche tutte etichettate direttamente e le etichette sono leggermente più grandi.

Esempio. Diagramma a barre con tratteggio in bianco e nero, asse x etichettato

Inoltre, le singole barre sono etichettate direttamente sull'asse delle ascisse e corredate dei rispettivi valori (asse delle ordinate).

L'etichettatura delle singole barre e il collegamento dei modelli di barre alla legenda sono superflui. La legenda potrebbe quindi essere completamente omessa.

L'illustrazione rimane accessibile anche se le barre sono colorate oltre al tratteggio:

Esempio. Grafico a barre con tratteggio, legenda, colori

Le stesse tecniche possono essere applicate ad altri tipi di diagrammi. Si vedano i diagrammi ad area (sotto).

Piani di dispersione / diagrammi di dispersione

Nei grafici a dispersione, diverse serie di dati vengono spesso visualizzate su un'area di disegno per un confronto diretto. L'unica differenza tra i punti delle varie serie di dati è il loro colore e non possono essere distinti l'uno dall'altro in nessun altro modo.

Esempio poco accessibile

I punti rossi e blu dell'esempio seguente sono difficili da distinguere per molte persone con scarsa percezione dei colori e dei contrasti.

Esempio. Diagramma di dispersione, scarsamente accessibile, rosso-blu

Esempio più accessibile

Invece di usare i colori, i punti delle varie serie di dati vengono differenziati l'uno dall'altro con dei simboli. Naturalmente, oltre a essere visualizzati come simboli diversi, i punti di dati possono anche essere colorati, purché il contrasto con lo sfondo rimanga sufficiente.

Esempio. Diagramma di dispersione, serie di dati con simboli diversi

Grafici a linee / Diagrammi a linee

Tecniche simili a quelle utilizzate per i grafici a dispersione possono essere applicate anche ai grafici a linee. Invece di usare i colori per distinguere le diverse serie di dati, si possono usare diversi tipi di linee.

Esempio poco accessibile

Esempio. Grafico a linee, poco accessibile, tre colori con legenda

Esempio più accessibile

Esempio. Diagramma a linee, simboli e tipi di linee con legenda

Grafici di superficie / diagrammi di area

I diagrammi ad area presentano problemi simili a quelli dei grafici a barre. In particolare, il collegamento tra le rappresentazioni delle aree sulla superficie di disegno e le corrispondenti legende avviene solo attraverso il colore.

Esempio poco accessibile

Esempio. Grafico ad area, di difficile accesso, colori con legenda

Esempi più accessibili

Una tecnica per evitare queste tipiche barriere è quella di utilizzare schemi per etichettare le diverse aree.

Esempio. Diagramma ad area, con tratteggio, legenda, colori

Altre tecniche consistono nell'inserire l'etichettatura delle diverse aree direttamente nell'area di disegno.

? inoltre importante garantire che le diverse aree siano separate l'una dall'altra da linee ad alto contrasto, in modo che rimangano riconoscibili anche per le persone con un'acutezza visiva ridotta.

Esempio. Diagramma dell'area, con colori, etichette sull'area di disegno

Naturalmente, nell'interesse dell'accessibilità, sono ammesse anche versioni per la stampa in tonalità di grigio.

Esempio. Diagramma ad area, con etichette sull'area di disegno, in scala di grigi

Assegnazioni schematiche

Un tipo particolare di diagrammi grafici è la rappresentazione schematica dell'assegnazione dei posti o degli spazi. Spesso nel contesto dei sistemi di prenotazione, dove, ad esempio, i posti ancora liberi sono etichettati in verde e quelli venduti in rosso. Oppure categorie di prezzo. Di seguito è riportato un esempio della composizione del Consiglio nazionale svizzero per gruppo politico.

Esempio poco accessibile

I gruppi politici sono collegati ai rispettivi nomi dei gruppi solo dai colori dei singoli seggi (cerchi). I contrasti tra i colori sono talvolta troppo scarsi per distinguerli.

Esempio. rappresentazione schematica del Consiglio nazionale svizzero, di difficile accesso, colori con legenda

Esempio più accessibile

Le frazioni vicine si distinguono non solo per il colore, ma anche per il fatto che alcuni posti sono rappresentati come dischi circolari pieni e altri come cerchi con riempimento bianco. L'assegnazione alla denominazione delle rispettive frazioni non avviene tramite una legenda, ma tramite un'etichettatura nelle immediate vicinanze dei seggi rappresentati.

Esempio. rappresentazione schematica del Consiglio nazionale svizzero, etichettatura diretta dei gruppi parlamentari, descrizione nel testo
JavaScript è stato disabilitato sul vostro browser