1.4.6 – Contrast (verbeterd) (WCAG) | Niveau AAA

De contrastverhouding tussen tekst en achtergrond is minimaal 7: 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 jouw kleuren goed zijn.

Terwijl het minimale contrast voor niveau AA 4,5: 1 was, is het voor niveau AAA 7: 1. Dit hogere contrastniveau maakt het voor iedereen nog eenvoudiger om de inhoud te lezen.

Wat te doen

  • Zorg ervoor dat de contrastverhouding tussen jouw tekst en achtergrond minimaal 7: 1 is.
  • Gebruik een lichte achtergrond en donkere tekst; of
  • Met een donkere achtergrond en lichte tekst; en
  • Een kleur contrast controle gebruiken om jouw keuze te verifiëren.

Tips

Deze tips zullen bekent voorkomen als je richtlijn 1.4.3 hebt gelezen.

  • Vergeet niet ervoor te zorgen dat alle gebruikte kleuren conform zijn. Dit houdt in: links die van kleur veranderen nadat ze eenmaal zijn gebruikt, en koppen in menu’s en zijbalken, evenals hoofdinhoud.
  • 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 (maar we raden sowieso af om afbeeldingen van tekst moeten gebruiken zie richtlijn 1.4.5).

Uitzonderingen

  • Tekst die 18 punten of groter is (of 14 punten of groter, indien vetgedrukt) moet een contrast hebben van minimaal 4,5: 1.
  • Waar tekst puur decoratief is, kan je dus een blok met verschillende kleuren woorden op een blauwe achtergrond hebben als het niets betekende voor jouw gebruikers en hun volgorde willekeurig was.
  • Waar de tekst een incidenteel deel van een afbeelding is (bijvoorbeeld een man die een krant leest of een landschap dat toevallig een straatnaambord bevat).
  • Merklogo’s.