Kontraster och färger (instr)

WCAG 2.1 - Riktlinjer för kontrast

• WCAG 1.4.11 - Kontraster för annat än text Länk till annan webbplats, öppnas i nytt fönster.
• WCAG 1.4.3 - Tillräcklig kontrast mellan text och bakgrund Länk till annan webbplats, öppnas i nytt fönster.
• WCAG 2.4.7 - Visa tydligt vad som är i fokus Länk till annan webbplats, öppnas i nytt fönster.

Mät kontrasten

Kontrastvärdet kan mätas med hjälp av gratis programvara, ex Colour contrast analyzer

Olika testverktyg

Texter kan vara svåra att läsa på grund av färgval

För alla användare, särskilt med synnedsättning, blir det svårt att läsa när kontrasten mellan text och bakgrund är för låg. Det kan också bli svårare att läsa om solen lyser på skärmen.

Svart text mot vit bakgrund är tillräcklig. Om du använder andra färger, mät kontrastvärdet.

• Grundkravet för brödtext är 4,5:1.
  
• Större text som rubriker är lättare att läsa och där är gränsvärdet 3:1.

Kontrastvärden i komponenter och grafik

Det är viktigt att alla användare kan uppfatta budskap som kommuniceras genom ikoner, diagram, flödesscheman, kartor, knappar, formulärfält, betydelsefulla delar av illustrationer, infografik, pilar och andra bilder.

• Informationsbärande grafiska objekt ska ha tillräcklig kontrast, 3:1.
  
• Logotyper, dekorativa inslag och inaktiva funktioner är undantagna i riktlinjen.

Tabbfokus

Webbmasterinformation: Skapa en fokusmarkering med en färg som ger god kontrast mot övriga webbplatsen och gärna med prickad ram.

• WCAG 2.4.7 - Visa tydligt vad som är i fokus Länk till annan webbplats, öppnas i nytt fönster.