Använd inte enbart färg för att förmedla information

Rekommendationer för användning av färgerLänk hit

Komplettera färgskillnader:

• i text med understrykning, ram, fetstil, kursivering eller annat teckensnitt.
• med ikoner.
• med mönster i diagram och kartor för att särskilja ytmarkeringar.
• med beskrivning i text.
• med semantisk kodning.

Var särskilt försiktig med färgerna grön, röd och brun. Många personer med färgblindhet har svårt att särskilja dessa.

ExempelLänk hit

Den amerikanska regeringens stilguide använder en kombination av färger, ikoner och text för att presentera olika kategorier av meddelanden för användaren:

På Bredbandskartan presenteras information med hjälp av färgade rutor. Samma information visas även med text när användaren markerar rutan. Vid behovsanalysen framkom det att vissa användare önskade just röd-grön färgskala, vilket är problematiskt för personer med färgblindhet. Lösningen fick bli att användaren själv kan välja färgschema.

Observera att Bredbandskartan använder mönster för ett andra lager av information. Därmed är det svårt att använda mönster för att särskilja rutor i det första lagret.

Utdrag från WCAG-standardenLänk hit

Riktlinje 1.4 Urskiljbart: Gör det enklare för användare att se och höra innehåll, bland annat genom att skilja förgrund från bakgrund.

1.4.1 Användning av färger: Färg används inte som det enda visuella sättet att förmedla information, indikera en handling, fråga om återkoppling eller särskilja ett visuellt element. (Nivå A)

Anmärkning: Detta framgångskriterium tar specifikt upp färgperception. Andra typer av perception behandlas i Riktlinje 1.3 inklusive automatisk åtkomst av kod för färg och annan visuell presentation.

MätbarhetLänk hit

Testa genom att ställa in din skärm på monokrom presentation eller gråskala.

Verktyg som till exempel RGBlind kan användas för att simulera färgblindhet på en webbplats.