Riktlinjer för att designa/jobba med infographics
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
| 
|
Do’s & Don’t
Dåligt exempel | Bild |
|---|---|
På denna bilden så kan vi se en graf med tre olika linjer. Linjerna har olika färger och är deklarerade intill grafen. Men för en färgblind användare så kan det fortfarande vara svårt att särskilja dom från varandra eftersom färgerna upplevs snarlika. | Bild hämtat från https://www.ogcio.gov.hk/en/our_work/community/web_mobileapp_accessibility/promulgating_resources/handbook/wcag2a/8_8_use_of_colour.html |
Bra exempel | Bild |
|---|---|
På denna bilden så kan vi se en graf med tre olika linjer. Linjerna har olika färger och är deklarerade intill grafen. Men för att även användare med färgblindhet ska kunna förstå dessa så använder dom även symboler för att särskilja linjerna från varandra. | Bild hämtat från https://www.ogcio.gov.hk/en/our_work/community/web_mobileapp_accessibility/promulgating_resources/handbook/wcag2a/8_8_use_of_colour.html |
För att göra dessa infographics tillgängliga för även användare av hjälpmedel så bör man lägga en motsvarande text i anslutning till grafiken.
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