1.4.3 – Contrast (minimaal) (WCAG) | Niveau AA

De contrastverhouding tussen tekst en de achtergrond is minimaal 4,5: 1

Al jouw gebruikers zullen profiteren van een goed contrast tussen de tekst op jouw website en de achtergrondkleur. Sommige van jouw gebruikers met visuele beperkingen hebben een sterker contrast nodig dan anderen, dus het is van essentieel belang dat de kleuren goed zijn.

Wat te doen

Zorg ervoor dat de contrastverhouding tussen jouw tekst en achtergrond minimaal 4,5: 1 is.

Doe dit door:

  • Gebruik een lichte achtergrond en donkere tekst; of
  • Met een donkere achtergrond en lichte tekst; en
  • Met behulp van WebAIM’s kleurcontrast checker om jouw keuze te controleren.

Tips

  • Het kiezen van een contrast van minimaal 7: 1 voldoet ook aan Richtlijn 1.4.6.
  • Vergeet niet ervoor te zorgen dat alle gebruikte kleuren conform zijn. Hiermee bedoelen we: links die van kleur veranderen nadat ze eenmaal zijn gebruikt, en koppen in menu’s en zijbalken, en de hoofd inhoud.
  • Zorg ervoor dat ingesloten grafieken of afbeeldingen van grafieken het minimale contrast tussen elementen hebben (bijvoorbeeld staven, assen en labels).
  • Deze richtlijn is ook van toepassing op afbeeldingen van tekst (eigenlijk zou je geen afbeeldingen van tekst moeten gebruiken, zie Richtlijn 1.4.5).

Uitzonderingen

  • Tekst die heel groot op de website staat moet een contrast hebben van minimaal 3: 1.
  • Als de tekst puur decoratief is.
  • Als de tekst een deel van een afbeelding is (bijvoorbeeld een man die een krant leest of een landschap dat toevallig een straatnaambord bevat).
  • Merklogo’s.