Gebruik genoeg contrast voor tekst

De kleur van tekst moet genoeg contrast hebben tegen de achtergrond. Zo is de tekst voor alle bezoekers goed leesbaar. Tekst moet een contrastverhouding hebben van minimaal:

  • 4,5:1 voor tekst kleiner dan 24px of 19px dikgedrukt.
  • 3:1 voor tekst groter dan 24px of 19px dikgedrukt.

Deze contrasteisen gelden ook voor tekst op afbeeldingen.

Let op: Deze contrastverhoudingen mogen niet naar boven worden afgerond. De contrastverhouding tussen de hexadecimale kleurcodes #777777 (grijs) en #FFFFFF (wit) is 4,47:1. Dit is dus niet genoeg.

Om een contrastverhouding te berekenen kan gebruik worden gemaakt van een contrast-checker. Bijvoorbeeld de contrast checker op de website van WebAIM of de Colour Contrast Analyser (software) van The Paciello Group.

Er zijn een paar uitzonderingen voor contrast van tekst zoals logo’s, decoratieve tekst en elementen die niet actief zijn.