Contrast (minimum)

Succescriterium 1.4.3 Contrast (minimum)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

  • Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
  • Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
  • Woordmerken: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.

Contrast (minimum) begrijpen (Engelstalig)

Tekst met te weinig contrast is een probleem voor iedereen, maar vooral mensen met een visuele beperking kunnen deze teksten niet (of niet goed) zien. Gebruik daarom tekst met een contrastverhouding hebben die hoog genoeg is.

Contrastverhouding is het verschil in helderheid tussen de voorgrond- en achtergrondkleuren.

Succescriterium 1.4.3 stelt een aantal minimale eisen aan de contrastverhouding:

Kleiner dan 18.5px18.5px tot 24pxGroter dan 24px
Tekst4,5:14,5:13:1
Vetgedrukte tekst4,5:13:13:1
Contrasteisen uit succescriterium 1.4.3 (niveau AA)

Uitzonderingen zijn:

  • teksten op een element dat inactief is
  • teksten die puur decoratief zijn
  • teksten op een afbeelding die veel informatief toevoegt
  • teksten die onderdeel zijn van een logo of merknaam

Hoe pas je dit toe?

  • Gebruik een contrastverhouding van minimaal 4,5:1 voor tekst.
  • Gebruik een contrastverhouding van minimaal 3:1 voor grote tekst.

Voor wie is dit belangrijk?

  • Mensen die slechtziend of kleurenblind zijn.

Wie is verantwoordelijk?

  • Redacteur
  • Vormgever

Bronnen