Bruikbaar voor iedereen

Contrastchecker

Tekst die moeilijk leesbaar is, sluit mensen uit. Vul een tekstkleur en een achtergrond in, en zie meteen of de combinatie standhoudt.

Begin met

Tekstkleur Achtergrond

— Contrastverhouding

Een kop op 24px

Broodtekst op 16px. Dit is de maat waarin het grootste deel van je interface staat, dus deze telt het zwaarst.

Een knop Een bijschrift, vaak het eerste dat sneuvelt.

is het niveau dat de meeste projecten willen halen. Grote tekst is 18,66px vet of 24px en meer.

Goed om te weten

Hoe je het resultaat leest

Wat de niveaus betekenen

AA is het niveau dat de meeste projecten willen halen: minstens 4,5:1 voor normale tekst. AAA is strenger met 7:1 en is de moeite voor lange leesteksten.
Wat telt als grote tekst

Grote tekst is 18,66px en vet, of 24px en meer. Die krijgt een lagere lat omdat de grootte de leesbaarheid al helpt.
Contrast is niet het hele verhaal

De verhouding halen maakt een interface op zich nog niet toegankelijk. Draag nooit betekenis met kleur alleen, en controleer zowel je lichte als je donkere thema.

Meer tools

Dit zijn de kleine. De grotere ontwikkelen we voor wie erom vraagt.