Sådan vælger du korrekte farver og kontraster

maj 20, 2020 | Artikler

Digital inklusion betyder forståelse for forholdet mellem måden, hvorpå en person fungerer i samfundet, og hvordan man sikrer sig, at alle har mulighed for at deltage på samme niveau.

WCAG-retningslinjerne er designet med henblik på, at alle aktivt kan deltage i et almindeligt hverdagsliv. WCAG dækker over forskellige områder, hvoraf nogle kan fremstå unødvendige, hvis man ikke selv har oplevet et problem med tilgang til information.

Ikke kun for folk med dårligt syn

Lav-kontrast tekst er svær at læse for alle – ikke kun for svagtseende. Du har for eksempel, sikkert prøvet at læse tekst på en mobil telefon i direkte sollys og oplevet, at det er noget nær umuligt, hvis teksten ikke har en tilstrækkelig kontrast til baggrunden.

Et af de områder, der kan skabe problemer, er nemlig farver og kontraster. Når man ændrer farven på tekst og baggrunde, kan det stadig være til at læse for de fleste, men for nogle vil farver uden stor nok kontrast være nærmest umulig at læse, og dermed vil de ikke få den samme information, som normaltseende får. Et godt design er vigtigt, men kan hurtigt miste sin værdi, hvis det ekskluderer en stor del af modtagergruppen.

At se igennem en andens øjne

At sikre sig, at de farver man vælger, er tilgængelige for alle kan til tider være en udfordring. Det skyldes naturligvis, at man kun kan se teksten med sine egne øjne og ikke igennem andres. Heldigvis er det let at løse problemet med en contrast-checker. Der findes en lang række af gode hjemmesider, der giver dig værktøjet til at vælge de korrekte farvekombinationer, der lever op til WCAG retningslinjer.

En let løsning

ColourContrast er et rigtig fint værktøj til at visualisere tekst imod en baggrund. Hjemmesiden giver mulighed for at indtaste hex-koder eller skrue på farve-variablerne, så du kan se, hvordan farverne ændrer sig. Samtidig får du vist, hvor vidt de valgte farver lever op til WCAG-kriterierne.

Hvis du synes det virker besværligt at skrue på farvevariabler og ønsker en simplere tilgang til at vælge farver, uden at indtaste hex-koder, så er det værd at se på Webaim.org. Denne contrast-checker har et simpelt ”peg og klik” system for farvevalg. Den giver dig hex-koder, du kan overføre til websider eller dokumenter, så det sikres, at den valgte farve bliver overført korrekt.

Begge hjemmesider viser dig en kontrast-ratio. Kontrast-ratio er et bedømmelsessystem til at vurdere, i hvor høj grad farverne adskiller sig fra hinanden.

Disse redskaber vil forhåbentligt gøre det let og ligetil at vælge farver, der sikrer, at alle kan være med. Det tager kun et øjeblik at blive mere webtilgængelig og sikre sig, at ingen bliver holdt udenfor.

Vores nyhedsbrev

14-dages testperiode af AccessibilityFixer

Tilmeld dig her og få straks adgang til en uforpligtende 14-dages test af AccessibilityFixer