Så väljer du rätt färger och kontraster

maj 20, 2020 | Artiklar

Digital inkludering handlar om att förstå förhållandet mellan sättet på vilket en person fungerar i samhället, och hur man säkerställer att alla har möjlighet att delta på samma nivå.

WCAG-riktlinjerna är designade i syfte att alla aktivt ska kunna få ta del av ett vanligt vardagsliv. WCAG omfattar olika områden, varav några som kan framstå som onödiga om man inte själv har upplevt ett problem med tillgång till information.

Inte bara för människor med dålig syn

Text med låg kontrast är svår att läsa för alla – inte bara för dem med dålig syn. Du har till exempel säkert försökt att läsa en text på en mobiltelefon i direkt solljus och upplevt att det är näst intill omöjligt om texten inte har tillräcklig kontrast mot bakgrunden.

Ett av de områden som kan orsaka problem är nämligen färger och kontraster. När man ändrar färgen på text och bakgrund kan de flesta fortfarande läsa texten, men för vissa kan text med färger utan tillräcklig kontrast vara i det närmaste omöjlig att läsa, och därmed får dessa personer inte samma information som dem med vanlig syn. Snygg design är viktigt, men kan snabbt förlora sitt värde om den exkluderar en stor del av mottagargruppen.

Att se igenom någon annans ögon

Att försäkra sig att de färger man väljer är tillgängliga för alla kan i bland vara en riktig utmaning. Det beror naturligtvis på att man bara kan se texten med sina egna ögon och inte genom andras. Som tur är kan man enkelt lösa problemet med en så kallad contrast-checker. Det finns ett stort antal bra webbplatser som ger dig verktyg för att välja rätt färgkombinationer, som lever upp till WCAG-riktlinjerna.

En enkel lösning

ColourContrast är ett riktigt bra verktyg för att visualisera text mot en bakgrund. Webbplatsen ger dig möjlighet att ange hex-koder eller justera färgparametrar för att se hur färgerna ändrar sig. Samtidigt kan du se om de valda färgerna lever upp till WCAG-kriterierna.

Om du tycker det verkar besvärligt att ändra på färgparametrar och vill ha ett enklare sätt att välja färger på, utan att ange hex-koder, är det värt att ta en titt på Webaim.org. Den här contrast-checkern har ett enkelt ”peka och klicka”-system för val av färger. Den ger dig hex-koder som du sedan kan använda på webbplatser eller i dokument för att säkerställa att du använder exakt den färg du valt.

Båda dessa webbplatser visar dig ett kontrastförhållande. Kontrastförhållandet används för att bedöma i hur stor utsträckning färgerna skiljer sig från varandra.

De här redskapen kommer förhoppningsvis göra det enkelt och tydligt att välja färger som säkerställer att alla förstår innehållet. Det tar bara ett ögonblick att bli mer webbtillgänglig och säkerställa sig att ingen hålls utanför.

Vårt nyhetsbrev

14-dagars testperiod av AccessibilityFixer

Registrera dig nedan och få omedelbar tillgång till ett 14-dagarstest av AccessibilityFixer utan köptvång