Home > De richtlijnen > Webrichtlijnen 1 > R-pd.10.3

Kleurgebruik en leesbaarheid

Contrast moet zodanig worden berekend dat kleur geen hoofdfactor is. Op die manier zien mensen met kleurenblindheid en ook mensen die een zwart-wit scherm gebruiken voldoende contrast.

Uitleg van deze richtlijn

Het volgen van deze richtlijn zal grotendeels ook de leesbaarheid van de pagina’s verbeteren voor bezoekers zonder oogafwijkingen en voor slechtzienden. Hier volgen enkele aandachtspunten.

  • Positieve tekst (donkere tekst op een lichte achtergrond) wordt beschouwd als beter leesbaar dan diapositieve tekst (licht op donker).
    Er zijn uitzonderingen: programmeurs en mensen die erg veel tijd achter het beeldscherm doorbrengen kunnen last krijgen van een fel witte achtergrond. Zij geven soms voorkeur aan een donkere achtergrond. Over het algemeen zal een lichte achtergrond als prettiger worden ervaren, ook al kan puur wit erg fel overkomen. Dit is geen harde richtlijn, maar een overweging.
  • Het gebruik van felle kleuren, zowel voor tekst als achtergrond (achter tekst) wordt afgeraden. Het is vermoeiend voor de ogen en komt de leesbaarheid niet ten goede.
    De achtergrond vloeit over in dunne lettervormen. Dit is met name het geval bij beeldbuizen, omdat dit lichtprojectoren zijn, en minder bij TFT-schermen.
  • Rood op zwart en zwart op rood wordt afgeraden.
  • Groen, oranje, bruin en geel worden afgeraden.
  • Zorg voor voldoende helderheidcontrast tussen tekst- en achtergrondkleur.
    Naast het belang voor kleurenblinde bezoekers, geldt dit vanwege de beperking van sommige beeldschermen om subtiele kleurverschillen goed weer te geven.

Vereiste succescriteria uit het normdocument

In het normdocument staat uitgelegd wanneer aan deze richtlijn is voldaan. De succescriteria zijn:

  • Afbeeldingen die informatie overbrengen hebben een lichtsterktecontrastratio van ten minste 5:1.
  • Het verschil tussen tekst en achtergrondkleur heeft een lichtsterktecontrastratio van ten minste 5:1.

Gerelateerde richtlijnen

  • R-pd.2.9: Bouw een website volgens de Web Content Accessibility Guidelines (WCAG  1.0) van het W3C.
  • R-pd.10.1: Zorg ervoor dat communicatieve elementen hun betekenis niet uitsluitend door kleur overbrengen.
  • R-pd.10.2: Wees consistent met kleurgebruik bij het geven van betekenis.

Bijbehorende ijkpunten normdocument

  • IJkpunt 2.2: Zorg ervoor dat combinaties van voorgrond- en achtergrondkleur voldoende contrast geven, als ze gezien worden door iemand met kleurenblindheid of als ze op een zwart-wit beeldscherm zijn te zien.