Tabeller och diagram

Tabeller och diagram har till uppgift att tydliggöra sifferuppgifter och göra det enkelt för läsaren att ta del av informationen.

Diagram

Diagram är ett komplement till löpande text som har till uppgift att tydliggöra sifferuppgifter och erbjuda alternativa sätt för läsaren att ta del av information.

Ett diagram är en grafisk visualisering som syftar till att förenkla och tydliggöra sifferuppgifter. I första hand använder vi stapeldiagram, cirkeldiagram och linjediagram.

När diagram skapas visuellt är det i första hand färgerna i den grafiska profilen. Staplar, linjer och ytor färgsätts utifrån Trafikverkets färgpalett.

Det är viktigt att kontrasten mellan färgerna är tillräckligt god och att läsbarheten är hög. Ett diagram ska också vara utformat så att det går att läsa utan att enbart förlita sig på färger.  Använd inte färger som det enda sättet att förmedla information, återkoppla eller särskilja ett visst objekt.

Diagram-750x386_generell.png

Stapeldiagram

Att avgränsa fält med konturer och att inte placera närliggande färger intill varandra ökar tillgängligheten.

När färgerna i staplarna ligger i skala med intilliggande färger som är nära varandra blir kontrasten mellan fälten svag. Tillgängligheten kan bli bättre genom att placera om färgerna för att få bättre kontrast och/eller lägga en kontur mellan fälten i staplarna, se stapeln längst till höger i diagrammet. (1)

Genom att placera färgfälten på ett sätt så att kontrasten mellan fälten blir tydligare ökar tillgängligheten. Stapeln till vänster har även konturer som avgränsar fälten för jämförelse. (2)

Exempel på diagram med staplar och linje (3)

Exempel på diagram med flera variabler i olika grupperingar. (4)

Diagram 750x386.png

Cirkeldiagram

Siffervärden är kopplade till motsvarande fält i diagrammet. Informationen ligger separat under figuren. Kontrasten för det grå fältet med vit text är inte godkänd. Diagramfälten är inte avgränsade med konturer. (1)

Tillgängligheten för diagram 1 kan förstärkas genom att istället koppla siffervärden och information direkt till motsvarande diagramfält och avgränsa fälten med konturer. Siffervärden och information får då en maximal kontrast. (2)

Linjediagram

Linjediagram med få linjer och kontrast mellan färger.  (3)

Ett mer komplext linjediagram behöver fler färger med god kontrast. (4)

Heldragna- och streckade linjer med noder i olika utförande gör det lättare att skilja strecken åt. (5)

Cirkeldiagram-750x532.png

Tabeller

Tabeller är ett komplement till löpande text som har till uppgift att tydliggöra sifferuppgifter och erbjuda alternativa sätt för läsaren att ta del av information.

En tabeller ska formges så att det blir enkelt för läsaren att ta del av informationen. Använd ett fåtal färger. Siffror ska ligga på baslinjen. Om tillgänglighetskraven uppfylls kan tabellhuvudet göras i färg med negativ text.

När bakgrundsfärg används för att tydliggöra tabellrader är det alltid viktigt att se till att kontrasten mellan bakgrund och text är godkänd. 

Tabeller-750x381.png