Gå till slutet av bannern
Gå till början av bannern

Riktlinjer för att designa/jobba med infographics

Hoppa till slutet på meta-data
Gå till början av metadata

Du visar en gammal version av den här sidan. Visa nuvarande version.

Jämför med nuvarande Visa sidhistorik

Version 1 Aktuell »

Vid användning av grafiska verktyg så som: grafer, kartor, diagram med mera, så kan det uppstå problem om färgerna är för låga i kontrast eller alldeles för lika.

En person med exempelvis färgblindhet, nedsatt synförmåga, som använder en monokrom skärm eller skärmläsare kan ha mycket svårt att förstå informationen som förmedlas via grafik, särskilt om kontrasterna av färg är minimala, samt om det saknas textalternativ för hjälpmedel.

*Tre färger som bör undvikas att använda tillsammans är grön, röd och brun då det upplevs svåra att urskilja för många som är färgblinda.

Här finns exempel på hur infographics kan se ut:

 

Viktigt att tänka på vid användning av färg:

  • Använd tillräckligt hög kontrast mellan bakgrund men också mellan andra intill liggande färger.

  • Använd inte enbart färg för att förmedla information, komplettera med ikoner, mönster och/eller text.

För att alla ska kunna ta del av informationen, samt att inte gå emot DOS-lagen så ska man se till att informationen är tillgänglig i någon annan form, till exempel i text eller tabell i anslutning till grafiken.

I många fall så kommer dessa infographics från en tredjepart, därför så är det sällan som vi kan påverka färgerna som används i grafiken. Därför är det väldigt viktigt att informationen som ska förmedlas via grafiken även förmedlas via text så att alla kan ta del av informationen.

 

Dessa två WCAG-krav (ingår i DOS-lagen) rör detta område.

WCAG-kriteriet 1.4.11 - Använd tillräckliga kontraster i komponenter och grafik

WCAG-kriteriet 1.4.1 - Använd inte enbart färg för att förmedla information

  • Inga etiketter