Ma - Vrij 8:00 - 19:00

contact@properaccess.nl

0031 (0) 85 5055 890

Proper Access - digitale toegankelijkheid

Instructie: hoe test ik kleurcontrast?

Story By Julia Tol

mei 10 — 2025

 Stap 1: Download en installeer de tool

  1. Ga naar de officiële website: https://www.tpgi.com/color-contrast-checker/
  2. Klik op “Download TPGi Colour Contrast Analyser” voor Windows of Mac, afhankelijk van jouw besturingssysteem.
  3. Open het gedownloade bestand en volg de installatie-instructies.

Stap 2: Selecteer de kleuren

  1. Open de tool. De tool verschijnt als een zwevend venster bovenop andere applicaties.
  2. Klik op het pipet-icoon naast “Voorgrondkleur” en selecteer de tekstkleur op je scherm.
  3. Klik vervolgens op het pipet-icoon naast “Achtergrondkleur” en selecteer de achtergrondkleur achter de tekst.
  4. Bij gebruik van een afbeelding of verloopachtergrond, herhaal deze stappen op verschillende plekken om consistente contrastwaarden te controleren.

Stap 3: Controleer de contrastresultaten

  1. De tool toont direct de contrastverhouding (bijvoorbeeld 4.5:1).
  2. 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)

Deel dit bericht

By Julia Tol

Afgestudeerd webdeveloper in Zweden (2015). Sinds 2019 werkzaam als onderzoeker digitale toegankelijkheid bij Stichting Accessibility. Tussen 2020 en 2024 actief als zelfstandig auditor voor alle grote Nederlandse auditbureaus, gecombineerd met een rol als expert binnen DigiToegankelijk Top (2022–2025). Beschikt over ruim 13 jaar ervaring bij het Ministerie van Justitie en Veiligheid, het Ministerie van Binnenlandse Zaken en Koninkrijksrelaties. Sinds 2022 directeur van Proper Access, gespecialiseerd in digitale toegankelijkheid.

Gerelateerde berichten

Checklist toegankelijke content

In deze checklist voor het toevoegen van toegankelijke content aan een webpagina bespreken we de belangrijkste punten waar je op.

Tabel met knoppen om in de kolommen te sorteren

Sommige tabellen hebben een rij met kolomkoppen met icoontjes waarmee je de inhoud van de kolom oplopend of aflopend kunt.

Hoe verwijder ik de melding ‘Google vragen over dit bericht’ – en waarom zou je dat willen?

Als je regelmatig digitale toegankelijkheid test, dan weet je hoe onmisbaar de Tab-toets is. Het is dé manier om snel.

Hoe veel tijd is nodig om digitale toegankelijkheid te leren?

Graag wil ik mijn persoonlijke ervaring delen met iedereen die onlangs is begonnen met het testen van digitale toegankelijkheid van.