Vilken färgkontrast måste min webbplats ha?

Vanlig text kräver 4,5:1, stor text 3:1

För det mesta text på en webbplats gäller ett minsta kontrastförhållande på 4,5 mot 1 mellan textfärgen och bakgrundsfärgen. För stor text — från cirka 18 punkt, eller från 14 punkt för fetstilad text — räcker ett förhållande på 3 mot 1. Samma minimigräns på 3 mot 1 gäller även för delar av användargränssnittet, såsom kanten på ett inmatningsfält eller en knapp, och för grafiska element som är nödvändiga för att förstå något, såsom en ikon utan bildtext.

Inte allt omfattas av detta krav. Text i en logotyp, text som är rent dekorativ och saknar betydelse, och text som råkar förekomma på ett foto utan funktion, är undantagna. En användarkontroll som är inaktiverad — en grå knapp som för närvarande inte är klickbar — behöver inte uppfylla normen heller. En automatisk sökning är väl lämppad för att mäta kontrastförhållanden och jämföra dem med normen, men att bedöma dessa undantag — är denna ikon dekorativ, tillhör denna text en logotyp — kräver ett mänskligt perspektiv, och det är precis den delen som en sökning inte täcker.

Detta finns i WCAG 2.1, framgångskriterier 1.4.3 och 1.4.11

Dessa krav kommer direkt från WCAG 2.1, ramverket som EN 301 549 i praktiken bygger på. Framgångscriterium 1.4.3, Kontrast (minsta nivå), fastställer gränsen på 4,5 mot 1 för vanlig text och 3 mot 1 för stor text. Framgångscriterium 1.4.11, Kontrast av icke-textbaserat innehål, fastställer samma minimigräns på 3 mot 1 för delar av användargränssnittet och för grafiska objekt som är nödvändiga för att förstå deras funktion. Båda kriterierna tillhör nivå AA, den nivå som direktivet kräver.