Vormgeving

Er zijn twee belangrijke aandachtspunten met betrekking tot de toegankelijkheid van kleur en contrast, namelijk kleurcontrast en kleurafhankelijkheid. 

Gebruik van kleur

Kleur is een goede manier voor het overbrengen van informatie maar mensen met een visuele beperking hebben beperkte of zelfs geen toegang tot deze informatie. Denk hierbij aan kleurenblindheid of blindheid.

Zorg er daarom voor dat kleur niet wordt gebruikt als enige visuele manier om informatie over te brengen. Maak ook gebruik van aanvullende manieren zoals het onderstrepen van een linktekst en het markeren van verplichte velden met een asterisk (*).

Contrast

Een goed contrast tussen tekstkleur en achtergrondkleur is belangrijk om content toegankelijk te maken voor mensen met een visuele beperking zoals kleurenblindheid.

WCAG 2.1 vereist op niveau AA een contrastverhouding tussen tekst en achtergrond van ten minste 4,5:1.

De richtlijnen worden soepeler als het gaat om grote of vetgedrukte tekst omdat deze gemakkelijker te lezen zijn. Een lettergrootte van 18pt of groter of 14 dikgedrukt vereist een contrastverhouding van ten minste 3:1.

Er zijn veel tools beschikbaar om de contrastverhouding te controleren:

Testen

  • Controleer of kleur niet als enige visuele manier wordt gebruikt om informatie over te brengen.
  • Controleer met een contrast checker de contrastverhouding tussen test en achtergrond.

Gerelateerde succescriteria

  • 1.4.1 Gebruik van kleur (A)
  • 1.4.3 Contrast (minimum) (AA)
  • 1.4.6 Contrast (versterkt) (AAA)