Annons

"Färgblindhet" definieras som oförmågan att se vissa färger som de flesta människor gör.

Om du är intresserad av att tydligt förstå hur människor med olika färgblindhetsförhållanden ser färger, kolla in detta enkla verktyg och klicka genom färgvisningslägena. Mer om färgblindhetsformer och färgkontraster kan hittas här.

Det är omöjligt att snabbt och tydligt förklara hur färgblindhet känns och hur färgblinda människor kan uppleva din webbplats, men lyckligtvis är det möjligt att se den med dina egna ögon.

Här är några enkla simulatorer för färgblindhet för att visualisera färgblindhet för dig.

Se webbplatser som en färgblind person

Färgblind webbsidefilter är ett lättanvänt (men ibland långsamt) webbaserat verktyg som låter dig surfa på webben för att se det som om du var färgblind.

Ge det bara din webbadress, välj "täckningsfilter" (filtren förklaras mycket detaljerat här) och klicka på "Hämta och filtrera!".

När sidan har hämtats genom filtret kan du se hur en färgblind uppfattar färgerna på den. Du kan klicka genom villkoren för att skapa en ny förhandsvisning för varje färgblindhetstyp.

instagram viewer

Så här ser en användare med det "normala" (vanliga) synet en sida:

färgblindhetssimulator

Så här ser en färgblind person samma sida (enligt simulatorn):

färgblindhetssimulator webbplats

Om din sida uppfyller kraven och finns som färgblindvänlig kan du ta tag i filterfiltret.

Ett annat möjligt alternativ för simulering av färgblindhet är Chrometric Är du synskadad eller sanskad? Tips för att göra Windows mer tillgängligt för unga och gamlaDatorer använder tryck som är för litet, synen förändras, du får huvudvärk och datorn kallas mycket smutsiga namn. Se den här guiden till Windows tillgänglighetsverktyg för stressavlastning! Läs mer vilket är ett gratis Adobe AIR-program.

Se bilder som en färgblind person

Förutom att använda webbläsaren för färgblindhetssimulatorn ovan kan du prova någon av verktyg nedan som gör att du snabbt kan förhandsgranska alla uppladdade bilder med olika färgblindhet filtrerar. Det kan vara en bra idé att använda verktygen nedan för att:

  • Förhandsgranska vilken bild du har skapat (som en logotyp du ska märka ditt företag med eller en infographic du tänkte publicera);
  • Skapa en skärmdump av din webbplats (eller valfri landning) -sida och kör den genom verktygen (detta gör att webbsidan testar mycket snabbare än med webbläsaren).

1. Färgblindhetssimulator [inte längre tillgänglig]: Ladda bara upp din bild, välj villkor och kör testet.

Verktyget visar båda bildversionerna: för normalt och för färgblindt tillstånd:

färgblindhetssimulator webbplats

Det kommer också att finnas många detaljer om varje tillstånd under resultatet.

begränsningar: Du måste se till att din bild inte är större än 100 kB, är 1000 x 1000 pixlar eller mindre och kommer i jpeg i RGB-format.

2. Coblis - Color Blindness Simulator: Den här fungerar på samma sätt som den ovan. Det blir dock ingen jämförelse sida vid sida med den ursprungliga bilden. Men detta verktyg ger mer frihet så att du snabbt kan klicka igenom olika färgblindhetstillstånd och förhandsgranska de resulterande bilderna:

färgblindhetssimulator

Varning: Utifrån kommentarerna till verktyget verkar det vara lite felaktigt vid bearbetning av vissa filter men hela konceptet är ganska tydligt.

Finns det andra liknande verktyg som är lätta att använda och lätt att förstå för att göra dina webbplatser och mönster mer färgblinda vänliga? Vänligen dela dem i kommentarerna!

Vidare läsning för att underlätta ditt (eller dina släktingar) liv om du lider av olika synskador:

  • 4 verktyg för att göra webbsidor lättare att läsa för personer med dålig syn (Firefox) 4 verktyg för att göra webbsidor lättare att läsa för personer med dålig syn (Firefox) Läs mer
  • 7 steg för att göra datorer tillgängliga för äldre 7 steg för att göra datorer tillgängliga för äldre Läs mer

Bildkredit: John Machan (Fotopedia)

Ann Smarty är SEO-konsult på seosmarty.com, bloggare för internetmarknadsföring och aktiv socialanvändare. Följ Ann på Twitter som seosmarty