Farvekontrastkontrol
Tjek, om tekst reelt er læselig, i forhold til tilgængelighedsstandarden.
- Kører i din browser — din tekst sendes aldrig nogen steder hen
- Ingen tilmelding, ingen kvoter, gratis at bruge så ofte, du vil
Sådan fungerer det
Lysegrå tekst på hvid er den almindeligste tilgængelighedsfejl på nettet, og den kan helt undgås. Tilgængelighedsretningslinjerne definerer kontrast som et præcist forhold, så om en kombination består, er et spørgsmål om aritmetik og ikke om mening.
Hvordan forholdet beregnes
Hver farves relative luminans beregnes, som retningslinjerne foreskriver – med gammakorrektion anvendt pr. kanal – og forholdet tages mellem den lyseste og den mørkeste. Resultatet svarer til det, en tilgængelighedsrevision vil rapportere, fordi det er den samme formel.
Tærsklerne
Normal tekst kræver 4,5:1 for AA og 7:1 for AAA. Stor tekst – groft sagt 24px, eller 18,7px hvis den er fed – kræver kun 3:1 for AA og 4,5:1 for AAA. Grænsefladekomponenter og meningsfulde grafikker kræver 3:1. AA er det, de fleste organisationer og den fleste lovgivning kræver.
Hvorfor stor tekst må have mindre
Større bogstavformer har flere pixel i hver streg, så de forbliver læselige ved lavere kontrast. Derfor kan en overskrift bruge en lysere grå end brødtekst.
Hvad forholdet ikke fanger
Det siger intet om farveblindhed, som er et separat tjek, og intet om, hvorvidt teksten er stor nok, eller skrifttypen læselig. Et bestået forhold er gulvet, ikke et bevis på et læseligt design.
Farvekontrastkontrol – spørgsmål
Hvilket kontrastforhold har jeg brug for?
4,5:1 for normal tekst ved AA, 3:1 for stor tekst. AAA hæver dem til 7:1 og 4,5:1.
Hvad regnes som stor tekst?
Groft sagt 24px og derover, eller 18,7px og derover, hvis den er fed.
Betyder en bestået kontrol, at mit design er tilgængeligt?
Nej. Kontrast er ét krav blandt mange; den siger intet om farveblindhed, tekststørrelse eller læsbarhed.