Toegankelijk kleurenpalet genereren
Bouw een kleurenpalet en zie direct welke combinaties voldoen aan de WCAG 2.2 AA (4,5 : 1) en AAA (7 : 1) contrastverhoudingen. Elk paar wordt automatisch getest.
Uw palet
Contrastmatrix
Klik op « Alle paren controleren » om de contrastmatrix te genereren.
Toegankelijke paren
Start de controle om de paren te zien die slagen.
📚 Wetenschappelijke basis en bronnen
Voor wie deze tool is ontworpen
Voldoende kleurcontrast is essentieel voor mensen met een visuele beperking, mensen met een kleurenzicht-deficiëntie (KZD) en mensen met leeftijdsgebonden visuele stoornissen. De WHO schat dat ten minste 2,2 miljard mensen wereldwijd lijden aan een visuele beperking dichtbij of veraf (WHO, 2019). Onderzoek van Owsley (2011) toont aan dat de contrastgevoeligheid significant afneemt met de leeftijd, waardoor een hoog-contrastontwerp des te belangrijker is voor ouderen. KZD treft ongeveer 300 miljoen mensen wereldwijd (Colour Blind Awareness). Designers, ontwikkelaars en merkteams gebruiken deze tool om ervoor te zorgen dat hun kleurenpaletten voldoen aan de minimale WCAG-contrastvereisten en de bruikbaarheid voor al deze populaties behouden.
WCAG 2.2-contrastvereisten
- SC 1.4.3 (minimumcontrast, niveau AA): normale tekst vereist een contrastverhouding ≥ 4,5:1. Grote tekst (18 pt+ of 14 pt+ vet) vereist ≥ 3:1.
- SC 1.4.6 (versterkt contrast, niveau AAA): normale tekst vereist een contrastverhouding ≥ 7:1. Grote tekst vereist ≥ 4,5:1.
- SC 1.4.11 (niet-tekstueel contrast, niveau AA): interface-componenten en grafische objecten vereisen een contrast ≥ 3:1 met aangrenzende kleuren.
Wetenschappelijke referenties
- W3C (2023). « Web Content Accessibility Guidelines (WCAG) 2.2. » w3.org/TR/WCAG22 · Definieert de drempels voor contrastverhouding (4,5:1, 7:1, 3:1) en het algoritme voor de berekening van relatieve luminantie dat in deze tool wordt gebruikt.
- Owsley, C. (2011). « Aging and vision. » Vision Research, 51(13), 1610–1622. · Documenteert dat de contrastgevoeligheid significant afneemt met de leeftijd door optische en neuronale veranderingen, wat het belang van een hoog-contrastontwerp voor verouderende populaties benadrukt.
- Wereldgezondheidsorganisatie (2019). Wereldwijd rapport over visie. · Stelt vast dat ten minste 2,2 miljard mensen wereldwijd lijden aan een visuele beperking, waarbij lage visie en presbyopie de meest voorkomende vormen zijn.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Grondleggend onderzoek naar de impact van contrast, lettergrootte en spatiëring op de leesprestaties van mensen met een visuele beperking.
- Arditi, A. & Faye, E. (2004). « Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice. » Optometry and Vision Science, 81(4), 287–292. · Toont het klinische belang van de contrastgevoeligheid als indicator van het functionele zicht aan.
Algoritme
De relatieve luminantie wordt berekend volgens de WCAG 2.2-definitie: de sRGB-kanaalwaarden worden gelineariseerd (verwijdering van de gammacorrectie), vervolgens gewogen (0,2126 R + 0,7152 G + 0,0722 B) volgens de ITU-R BT.709-norm. Contrastverhouding = (Llichtste + 0,05) / (Ldonkerste + 0,05).
Disclaimer
Deze tool berekent contrastverhoudingen met het algoritme gespecificeerd in WCAG 2.2. Het bereiken van wiskundige contrastdrempels is een noodzakelijke maar niet voldoende voorwaarde voor leesbaarheid: factoren zoals lettergewicht, lettergrootte, gladmaking en schermkalibratie beïnvloeden ook de leesbaarheid. WCAG-conformiteit vereist een evaluatie van alle succescriteria, niet alleen contrast. Deze tool biedt geen juridisch advies. Voor formele toegankelijkheidsaudits raadpleegt u een gekwalificeerde professional.