Kleurcontrast checker — WCAG toegankelijkheid testen

Bijgewerkt op 9 maart 2026

Is je tekst leesbaar voor mensen met een visuele beperking? De contrast checker van Ster Software berekent de contrastverhouding tussen tekst- en achtergrondkleur en laat zien of je voldoet aan de WCAG-richtlijnen voor digitale toegankelijkheid.

⚖️ Contrast controleren →

Wat zijn de WCAG-richtlijnen voor kleurcontrast?

WCAG (Web Content Accessibility Guidelines) zijn internationale standaarden voor digitale toegankelijkheid. Voor kleurcontrast gelden de volgende minimumvereisten:

WCAG AA (Niveau 2, minimum)
  • • Normale tekst: contrastverhouding ≥ 4.5:1
  • • Grote tekst (≥ 18pt of ≥ 14pt vet): ≥ 3:1
WCAG AAA (Niveau 3, versterkt)
  • • Normale tekst: contrastverhouding ≥ 7:1
  • • Grote tekst: ≥ 4.5:1

Hoe gebruik je de contrast checker?

  1. 1Open de contrast checker.
  2. 2Voer de tekstkleur en achtergrondkleur in (als HEX of via de kleurenkiezer).
  3. 3De contrastverhouding wordt direct berekend en het WCAG-niveau (AA/AAA) wordt aangegeven.
  4. 4Pas de kleuren aan tot de gewenste toegankelijkheidsnorm is bereikt.

Waarom is kleurcontrast belangrijk?

  • ✓Circa 8% van de mannen heeft kleurblindheid
  • ✓Slecht contrast is moeilijk leesbaar voor ouderen en mensen met slechtziendheid
  • ✓WCAG-naleving is verplicht voor overheidswebsites en wordt door meer zakelijke omgevingen vereist
  • ✓Hoog contrast is beter leesbaar voor alle gebruikers, ook in felle zonneschijn

Veelgestelde vragen

Welk WCAG-niveau moet ik nastreven?

WCAG AA is de standaard voor de meeste commerciële websites. WCAG AAA is aanbevolen voor websites die primair gericht zijn op mensen met een visuele beperking of overheidswebsites.

Geldt het contrast ook voor knoppen en iconen?

Ja. WCAG 1.4.11 stelt ook eisen aan het contrast van niet-tekstuele UI-componenten, zoals knoppen en formulieronderdelen (minimaal 3:1 ten opzichte van de aangrenzende achtergrond).

Gerelateerde kleurentools

⚖️ Contrast controleren →