← Tillbaka till alla riktlinjer

1.4.1

Färg visar information

Färg är en stor del av webben. Färg påverkar en webbplats design, användbarhet och tillgänglighet. Alla kan däremot inte se alla färger, och kan ha svårt att se skillnader i färg. Därför är det viktigt att information inte enbart visas med färg. Ett exempel är en länk i ett textblock som enbart skiljer sig från övrig text med en annan färg eller att fel i ett formulär visas genom att inmatningsfälten får en röd ram. Alla användare kan inte ta del av den information som färgen förmedlar och det krävs därför ytterligare minst en till synlig ledtråd.

Det är rekommenderat att använda färg för att visa information, men att komplettera med ytterligare synliga ledtrådar såsom förklarande ikoner och text. Exempelvis kan länkar göras fetstilta eller understrukna för att visa att det är en länk.

Kontrast

När färg är det enda som urskiljer ett element från övrigt innehåll kan kontrastskillnad anses vara en synlig ledtråd. Kontrasten på elementet mot övrigt innehåll måste vara minst 3:1. 

Exempel

Trots att kontrasten på länken är minst 3:1 mot övrig text, kan det ändå vara svårt att se att texten innehåller en länk. Det är därför rekommenderat att ändå använda sig av flera ledtrådar så att det blir tydligt för alla att länken finns där.

Undantag

När elementet inte har färg för att förmedla information. Exempelvis en länk som ser identisk ut som kringliggande text. Eftersom det inte finns en färgskillnad att mäta är detta undantaget från riktlinjen. Det är dock inte rekommenderat eftersom det minskar användbarheten för alla användare.

Besökta och obesökta länkar urskiljs ofta med färg baserat på användarens webbläsare, och är därför undantaget från riktlinjen. Detta gäller endast skillnaden mellan besökt och obesökt länk, inte länkens färg mot övrigt innehåll.

Läs mer om riktlinje 1.4.1 på W3Cs webbplats.