Logga in
Logga in

Tillgängliga färger och kontraster

Förmedla inte information med endast färg

Personer med nedsatt färgseende, personer som tar del av innehållet i ditt dokument med hjälp av uppläsningshjälpmedel, och personer skriver ut dokumentet i svartvitt kommer inte kunna se informationen som ges i färg på samma sätt som andra läsare. Därför är det viktigt att du tänker på hur du använder färger i ditt dokument, annars kommer du utesluta dessa personer för innehållet.

Exempel på tillfällen då du måste komplettera färger med mer information:

A) Länkar får inte endast markeras med färg

Länkar i löptext behöver markeras med både färg, textformatering och/eller grafik, till exempel med understrykning eller ikon.

B) Färgfält i tårtdiagram måste kompletteras med text

Färgfält i tårtdiagram måste kompletteras med text i anslutning till de olika delarna, så att det tydligt framgår vilken del av diagramet som anger vad:

  • Figur 1 är inte tillgängligt då den inte är begriplig utan färg.
  • Figur 2 är tillgängligt då samtliga läsare kan förstå vad respektive färgfält visar, eftersom det finns en text kopplat till respektive tårtbild.

C) Status eller liknande som visas i färg måste kompletteras med text

Om man använder färg för förmedla status eller liknande information så måste det kompletteras med text, till exempel om du har en grön ruta som symboliserar att ett projekt är färdigt, så måste det stå i text "Färdig" antingen på rutan, bredvid eller under.

D) Färger som är för lika måste särskiljas

Färger som är för lika behöver kompletteras så att personer som nedsatt färgseende kan se skillnad på dem. Man antingen använda sig av olika grafiska element eller mönster på dem för att tydligt skilja dem åt, eller helt enkelt ändra färgerna:

Diagram 1

Diagram 1 som inte är tillgängligt eftersom den är obegriplig diagram utan färg.

Diagram 2

Diagram 2 är tillgänglig eftersom man tack vare olika strecktyper och symboler kan förstå informationen även om man har nedsatt färgseende.

 
Färger ska ha tillräckliga kontraster

Rekommendation för kontrast mellan förgrund och bakgrund beror på formatering. Rekommendationen är:

  • Brödtext – bör ha en kontrast på minst 4,5:1.
  • Större text (rubriker etc) – bör ha en kontrast på minst 3:1.
  • Ikoner, grafiska objekt och grafelinjer – bör ha en kontrast på minst 3:1.

Just nu synkar inte dessa rekommendationer med våra profilfärger. Dialog pågår kring frågan, men försök att välja en färgkombination där det tydligt går att läsa texten. Använder du en röd rubrikrad på tabeller ska du välja de två mörkaste röda färgertna i profilen som bakgrund om texten är vit t.ex.