Home » APCA Kleurcontrast checker
Test je kleurencombinaties voor optimale leesbaarheid. Kies de klassieke WCAG 2.2 methode of ga voor de toekomst met APCA (WCAG 3.0) voor een perceptueel nauwkeurigere contrastscore.
Dit is een voorbeeld van tekst op de gekozen achtergrond. Een hogere score zorgt voor een betere leesbaarheid.
Body tekst (14px - 21px)
Koppen (24px+) of Vet (18px+)
Knoppen, iconen, randen
APCA (Accessible Perceptual Contrast Algorithm) is de nieuwe rekenmethode voor kleurcontrast, ontwikkeld voor de aankomende WCAG 3.0 richtlijnen. De oude WCAG 2-methode gebruikte een vrij simpele wiskundige verhouding (zoals 4.5:1). APCA kijkt veel meer naar hoe het menselijk oog licht en kleur daadwerkelijk waarneemt. Het houdt bijvoorbeeld rekening met het feit dat contrast anders werkt bij donkere achtergronden dan bij lichte achtergronden.
Lc staat voor Lightness Contrast. Waar de oude WCAG-methode werkte met ratio’s, geeft APCA een score van grofweg 0 tot 105. Hoe hoger het getal, hoe beter het contrast. Soms zie je een negatieve score (bijvoorbeeld Lc -75); dit betekent simpelweg dat je lichte tekst op een donkere achtergrond test (Dark Mode). Voor de toegankelijkheidstest kijk je altijd naar de absolute waarde: Lc -75 is qua leesbaarheid even sterk als Lc 75.
Omdat grote of dikgedrukte letters van nature makkelijker te lezen en te herkennen zijn voor ons brein. APCA is contextgevoelig. Een grote, vette kop heeft aan een score van Lc 60 vaak al genoeg contrast. Kleine bodytekst, waarbij de letters dunner en kleiner zijn, is veel gevoeliger voor slecht contrast en heeft daarom een hogere score nodig (zoals Lc 75 of Lc 90) om voor iedereen goed leesbaar te blijven.
Het is niet 1-op-1 te vertalen omdat de berekening fundamenteel anders is, maar als vuistregel kun je het volgende aanhouden:
Op dit moment nog niet. Voor wettelijke compliance (zoals de Europese Toegankelijkheidsrichtlijn) is WCAG 2.2 momenteel de standaard. APCA is echter onderdeel van de aankomende WCAG 3.0 standaard. Veel ontwerpers stappen nu al over op APCA in hun ontwerpproces, omdat het veel nauwkeuriger aangeeft of een kleurencombinatie écht goed leesbaar is voor gebruikers.
Wil je sparren hoe we jouw organisatie het beste kunnen helpen? Plan een intakegesprek of vraag een offerte aan.