Wat betekent “Minimumcontrast” in WCAG?

Waarom is dit belangrijk?

Niet iedereen ziet kleuren even scherp. Mensen met een visuele beperking of oudere gebruikers hebben vaak moeite om tekst te lezen als er te weinig contrast is tussen tekst en achtergrond. Denk aan lichtgrijze letters op een witte achtergrond: mooi, maar bijna onleesbaar voor veel mensen.

Daarom stelt WCAG: tekst en achtergrond moeten voldoende van elkaar verschillen in kleur en helderheid.

Dit heet 1.4.3 Contrast (minimum).

Wat wordt er van websites verwacht?

  • Normale tekst moet een contrastverhouding hebben van minimaal 4,5:1.
  • Grote tekst (groter dan 18pt normaal of 14pt vetgedrukt) mag iets minder contrast hebben: minimaal 3:1.
  • Dit geldt voor gewone tekst, tekst in afbeeldingen (grafieken en schema’s), tabellen, knoppen, links, en andere belangrijke informatie.

Kortom: tekst moet duidelijk leesbaar zijn voor iedereen, ook als je minder goed ziet.

Wat is niet verplicht?

  • Tekst die puur decoratief is (bijvoorbeeld tekst in een achtergrondafbeelding zonder betekenis) hoeft geen minimumcontrast te hebben.
  • Logo’s hoeven niet aangepast te worden. Ook merklogo’s met slecht contrast zijn toegestaan.
  • Pure grafische elementen zonder tekst vallen niet onder deze eis (maar wel onder andere toegankelijkheidsregels).

Veelgemaakte fouten

  • Lichtgrijze tekst op een witte achtergrond (in de invoervelden).
  • Witte tekst op oranje, geel, licht groen, licht blauw en pastelachtige kleuren.
  • Buttons waarvan de tekst amper afsteekt tegen de knopkleur.
  • Links in tekst die alleen herkenbaar zijn door kleur, én ook nog slecht leesbaar zijn door laag contrast.
  • Wanneer je je muis over een knop of link beweegt, mag het contrast niet verslechten.

Wat kun je als webredacteur of manager doen?

  • Controleer kleuren: Vraag je designer of er minimaal 4,5:1 contrast is voor normale tekst.
  • Test zelf: Gebruik gratis online tools zoals https://www.tpgi.com/color-contrast-checker/.
  • Zorg voor duidelijke tekst op alle knoppen, links en formulieren.
  • Vermijd lichte tinten voor belangrijke teksten, zeker op lichte achtergronden.

Samenvatting

Tekst moet altijd goed leesbaar zijn, ook voor mensen met minder goed zicht. Voldoende kleurcontrast is essentieel voor toegankelijkheid én gebruiksvriendelijkheid.

Inhoudsopgave