Guide pratiche

Rendi comprensibili grafici e tabelle del sito web

Un grafico aiuta a confrontare solo quando i lettori possono recuperare i suoi assi, valori e differenze. La legenda non può portare l'intera spiegazione.

vedere il metodo

Due persone che confrontano un grafico stampato con barre di dati su un laptop

Inizia con la domanda a cui le risposte dei dati

indicare la domanda o la decisione prima di disegnare. Stai confrontando una tendenza, una distribuzione o alcuni valori esatti? Scegli un modulo che riveli la relazione e usa una tabella quando ogni numero conta più della forma generale.

Mostra ambito, unità, periodo e sorgente vicino alla figura. Una percentuale senza il suo denominatore o un asse troncato inaspettatamente può fuorviare. Le Guida alla misurazione Aiuta a interpretare gli indicatori prima della pubblicazione.

  • domanda e unità esplicita.
  • fonte e periodo visibile.
  • grafico scelto per la relazione.

Spiega il contenuto al di fuori dell'immagine

Assegna all'immagine una breve alternativa che identifica il suo soggetto. Per un grafico complesso, aggiungi una lunga descrizione visibile a tutti o una tabella di valori. Spiegare tendenze, lacune ed eccezioni necessarie per comprendere la conclusione.

Le Suggerimenti W3C su immagini complesse distinguere una breve descrizione e informazioni dettagliate. Una sequenza di valori in un attributo alt diventa dolorosa da ascoltare; Una struttura HTML può servire meglio la lettura.

  • soggetto indicato in alternativa.
  • valori e tendenze disponibili come testo.
  • Descrizione lunga strutturata dove necessario.

Prova colori, scale e schermi

Non fare affidamento solo sul colore per distinguere le serie. Aggiungi etichette, motivi o pennarelli e controlla il contrasto. Su un telefono, verificare assi e valori senza richiedere lo zoom orizzontale costante.

Una tabella ha bisogno di intestazioni associate alle celle anche quando il layout si restringe. Se un grafico mobile è semplificato, non rimuovere una serie essenziale. Le Guida all'accessibilità Suggerisce controlli di tastiera e zoom.

  • Serie distinta senza colore.
  • Assi leggibili sul cellulare.
  • intestazioni della tabella comprensibili.

Verifica i numeri nel tempo

Assegna un nome all'origine, alla data di raccolta, al metodo e al proprietario. Quando i dati cambiano, controlla il titolo, la conclusione, la tabella e le traduzioni. Un'immagine del grafico può rimanere in un articolo dopo che i dati sottostanti sono stati corretti.

Esamina anche tutti i download: formato riutilizzabile, nomi di colonne e assenza di dati che non dovrebbero essere pubblici. Una cifra chiara non può riscattare un calcolo difettoso; avere valori esaminati prima del rilascio.

  • Fonte e calcolo esaminati.
  • Copie e traduzioni aggiornate.
  • Download controllati.

Contenuto aggiornato 2 ottobre 2026

Matrice di convalida funzionale per adattarsi al progetto

Questi controlli proposti utilizzano casi fittizi. Decidi quale comportamento è previsto con il team, annota il risultato e assegna discrepanze irrisolte prima della pubblicazione.

Casi di test, risultati attesi e prove utili
Casorisultato attesoProva da mantenere
Una serie contiene un valore mancante.Il divario è identificato piuttosto che tracciato come zero.Registra URL, passaggi, risultati e prove datate.

Domande frequenti

In che modo i grafici possono mostrare le limitazioni dei dati?

Stato di origine, punto, unità, ambito e valori mancanti. Spiegare le conclusioni supportate e fornire un'alternativa testuale o tabellare adeguata. Non trasformare valori sconosciuti in zero. Controlla il contrasto, le etichette e la comprensione senza distinzioni di colore.