Hur man designar för färgblindhet

Att designa innehåll som är användbart för personer med färgblindhet är ett utmärkt sätt att göra det mer tillgängligt för allmänheten. Människor med färgblindhet har svårt att skilja mellan vissa färger, som röd, grön eller blå. Vissa färgblinda människor kan inte se någon färg alls, vilket gör det svårt att navigera på platser och appar som är starkt beroende av färger. Genom att använda några enkla tips och riktlinjer kan du göra din information lätt att använda för alla som klickar på det, oavsett vilka färger de kan (eller inte) se.

Steg

Metod 1 av 2:
Text och bakgrund
  1. Bild med titeln design för färgblindhet Steg 1
1. Välj kontrasterande färger för text och bakgrunder. Färger som är för likartade med varandra kan vara svåra att skilja för dem med färgblindhet. När du väljer text och bakgrundsfärger, gå till de som står ut mot varandra.
  • Svart på vitt eller vitt på svart är ett självklart val, men du kan också använda blå och gul, gul och violett, eller mörkblå och svart.
  • Bild med titeln Design för färgblindhet Steg 2
    2. Välj färgkombinationer som blå / gul och orange / lila. Människor med färgblindhet kan se några färger bättre än andra. När du väljer ut färgkombinationer, försök att hålla fast vid:
  • Blå och gul
  • Brun och blå
  • Orange och lila
  • Grön och lila
  • Gul och rosa
  • röd och blå
  • Bild med titeln design för färgblindhet Steg 3
    3. Håll dig borta från grön / röd, grön / brun och blå / lila. De flesta färgblinda människor har problem med specifika färgkombinationer. Håll dig borta från dessa färger för att göra din design läsbar.
  • Du bör också undvika grön och blå, eftersom dessa nyanser kan vara mycket lik varandra.
  • Bild med titeln design för färgblindhet Steg 4
    4. Använd ljusa, djärva färger. Pasteller och bleka färger tenderar att blekna i varandra, speciellt för personer med färgblindhet. Hålla fast vid neon eller primära färger för att hjälpa dem att skilja mellan alla färger på sidan.
  • Bild med titeln design för färgblindhet Steg 5
    5. Håll din färgpalett minimal. Ju färre färger du använder desto mer kommer du att undvika förvirring. Det finns ingen hård och snabb regel för detta, men ju färre desto bättre!
  • Till exempel kan du välja 3 färger och hålla fast vid dem som ett tema för din webbsida.
    • Metod 2 av 2:
    Bilder och länkar
    1. Bild med titeln design för färgblindhet Steg 6
    1. Understryka klickbara länkar. Normalt är länkar markerade med färg, men människor med färgblindhet kan ha problem med att se dem. Om det finns en klickbar länk, understryka det såväl som att markera den på sidan.
    • Om du inte vill understryka det, gör texten djärv istället.
  • Bild med titeln design för färgblindhet Steg 7
    2. Inkludera symboler och nycklar. Människor med färgblindhet kan ha problem med att förstå grafer och diagram baserat på färg ensam. Se till att du inkluderar symboler och nycklar på sidan av bilden som referens.
  • Till exempel kan du lägga en färgkod på sidan av diagrammet för att förklara vad varje färg betyder.
  • Eller du kan använda symboler på en karta för att märka olika områden, som campingplatser och toaletter.
  • Bild med titeln Design för färgblindhet Steg 8
    3. Lägg till textur till kartor, diagram och grafer. Fasta färger kan vara svåra att skilja. Försök använda linjer, prickar och hash markeringar för att differentiera sektioner på grafer, kartor och diagram.
  • Detta är en bra idé för bardiagram och cirkeldiagram.
  • Du kan använda textur såväl som färg i dina bilder, så du behöver inte ändra dem helt.
  • Bild med titeln Design för färgblindhet Steg 9
    4. Översiktssektioner på kartor. Om du använder färger för att differentiera stater eller gränser, använd också en svart kontur. Detta hjälper människor med färgblindhet, eftersom de kommer att kunna se de svarta linjerna.
  • Det här är ett bra sätt att göra dina bilder att sticka ut mer också.
  • Bild med titeln design för färgblindhet Steg 10
    5. Märkinformation utan att använda färger. Pie diagram, grafer och transportsystem använder ofta färger för att differentiera sektioner eller metoder. Märk informationen med ord såväl som färger för att göra det tillgängligt för dem med färgblindhet.
  • Om du till exempel använder ett cirkeldiagram kan du märka varje sektion såväl som att använda olika färger för att skilja dem.
  • Någon med fullfärgblindhet (som bara kan se i svartvitt) kommer inte att kunna använda en färgnyckel.

    • Tips

    Ett enkelt sätt att räkna ut om din webbplats är tillgänglig för färgblinda människor är att designa det med gråskala. Du kan använda en färgblindsimulator, som Coblis, för att göra det här.
    Dela på det sociala nätverket:
    Liknande