Hoe test je kleurcontrast?
🧰 Stap 1: Download en installeer de tool
Ga naar de officiële website: https://www.tpgi.com/color-contrast-checker/
Klik op “Download TPGi Colour Contrast Analyser” voor Windows of Mac, afhankelijk van jouw besturingssysteem.
Open het gedownloade bestand en volg de installatie-instructies.
🎨 Stap 2: Selecteer de kleuren
Open de tool. De tool verschijnt als een zwevend venster bovenop andere applicaties.
Klik op het pipet-icoon naast “Voorgrondkleur” en selecteer de tekstkleur op je scherm.
Klik vervolgens op het pipet-icoon naast “Achtergrondkleur” en selecteer de achtergrondkleur achter de tekst.
Bij gebruik van een afbeelding of verloopachtergrond, herhaal deze stappen op verschillende plekken om consistente contrastwaarden te controleren.
📊 Stap 3: Controleer de contrastresultaten
De tool toont direct de contrastverhouding (bijvoorbeeld 4.5:1).
Onder het kopje “WCAG 2.1 resultaten” zie je of de combinatie voldoet aan:
Normale tekst: minimaal 4,5:1 (niveau AA)
Grote tekst: minimaal 3:1 (niveau AA)
- Informatieve elementen: minimaal 3:1 (niveau AA)
Proper Access bv
- Willemserf 20
- 3755 XK Eemnes
- E-mail: contact@properaccess.nl
- Telefoon/Whatsapp: 0628742275
- Linkedin Proper Access
- KVK: 95350985
