1.4.3
Tillräcklig kontrast (minimum)
När text visas i låg kontrast mot bakgrunden kan den bli svår att läsa. Därför finns det riktlinjer kring hur stor kontrasten mellan text och bakgrund måste vara för att så många som möjligt ska kunna läsa den. Text, eller bild på text ska ha en kontrast på minst 4.5:1 mot bakgrunden för att kunna vara läsbar.
Stor text
Stor text är lättare att läsa i låg kontrast, och har därför inte ett lika högt krav på kontrast som mindre text. För att texten ska räknas som stor ska den vara minst 18pt eller 14pt i fetstil. Riktlinjen är då att kontrasten ska vara på minst 3:1.
Kraven för kontrast:
- Normal text: 4.5:1
- Stor text (18pt eller 14pt i fetstil): 3:1
Undantag
- Text i logotyper: Text som är en del av en logotyp eller företagsnamn är undantaget.
- Dekorativ text: Om texten inte förmedlar någon information, och inte behöver vara läsbar, är det undantaget från riktlinjen. Det kan exempelvis vara bokstäver i olika färger i en bakgrundsbild.
Testa riktlinjen
Det kan vara svårt att veta om färger har tillräcklig kontrast genom att bara titta på dem, men det finns många olika verktyg som mäter kontrast.
Contrast Checker är ett verktyg där det går att skriva in färger eller använda pipetten och mäta hur stor kontrasten är. Där går det även se färgerna användas i exempel.
a11y är ett verktyg som kan analysera en webbplats och hitta ställen där kontrasten inte uppnår kraven.
Wave är ett tillägg till Chrome som kan gå igenom en sida och hitta ställen där kontrasten inte är tillräcklig. Detta går även igenom massa andra riktlinjer och kollar efter många tillgänglighetsbrister och inte bara färgkontraster. Det finns även som en webbplats: https://wave.webaim.org/.
Läs mer om riktlinje 1.4.3 på W3Cs webbplats.