Fargekontrastsjekk
Sjekk om teksten faktisk blir lesbar, etter tilgjengelighetsstandarden.
- Kjører i nettleseren din — teksten din sendes aldri noe sted
- Ingen registrering, ingen kvoter, gratis å bruke så ofte du vil
Slik fungerer det
Lysegrå tekst på hvitt er den vanligste tilgjengelighetsfeilen på nettet, og den kan helt og holdent unngås. Tilgjengelighetsretningslinjene definerer kontrast som et presist forhold, så om en fargekombinasjon består, er et spørsmål om regning og ikke om mening.
Hvordan forholdet beregnes
Hver fargens relative luminans beregnes slik retningslinjene angir – med gammakorreksjon brukt per kanal – og forholdet tas mellom den lyseste og den mørkeste. Resultatet stemmer med det en tilgjengelighetsrevisjon vil rapportere, fordi det er samme formel.
Grenseverdiene
Vanlig tekst trenger 4,5:1 for AA og 7:1 for AAA. Stor tekst – omtrent 24px, eller 18,7px hvis fet – trenger bare 3:1 for AA og 4,5:1 for AAA. Grensesnittkomponenter og meningsbærende grafikk trenger 3:1. AA er det de fleste organisasjoner og det meste av lovverket krever.
Hvorfor stor tekst har lavere krav
Større bokstavformer har flere piksler i hver strek, så de forblir lesbare ved lavere kontrast. Derfor kan en overskrift bruke en lysere grå enn brødtekst.
Hva forholdet ikke fanger opp
Det sier ingenting om fargeblindhet, som er en egen sjekk, og ingenting om hvorvidt teksten er stor nok eller skrifttypen lesbar. Et bestått forhold er gulvet, ikke bevis på lesbart design.
Fargekontrastsjekk – spørsmål
Hvilket kontrastforhold trenger jeg?
4,5:1 for vanlig tekst på AA, 3:1 for stor tekst. AAA hever disse til 7:1 og 4,5:1.
Hva regnes som stor tekst?
Omtrent 24px og over, eller 18,7px og over hvis fet.
Betyr det at designet er tilgjengelig hvis det består?
Nei. Kontrast er ett krav blant mange; det sier ingenting om fargeblindhet, tekststørrelse eller lesbarhet.