Kleur

Goede kleur is heel belangrijk in een ontwerp, net als goed contrast. Wat even belangrijk is, is een kleur-onafhankelijk ontwerp. Als je ontwerp niet afhankelijk is van kleur, is het ook toegankelijk voor mensen...

  • ...met kleurenblindheid
  • ...die in een zonnige omgeving zitten
  • ...met een zonnebril of bril die blauw licht filtert
  • ...met een nachtfilter op hun scherm
Tip

Simulaties

Je kan op deze site bovenaan ieder artikel op de instellingen knop klikken op verschillende soorten kleurenblindheid op de site te simuleren.

Vaak doen makers die niet kleurenblind zijn tests met kleurenblindheidsfilters, maar dat is niet genoeg.

  • Meten is weten: gebruik de contrast meter.
  • Met een filter test je niet op kleur-afhankelijkheid. Lees hieronder meer over dit onderwerp.
Een staafgrafiek met verschillende categorieën bij iedere staaf. De categorieën hebben niet alleen verschillende kleuren, maar ook verschillende patronen met witte vormen. Witte bollen, donkere strepen, blokken en meer.
Een kleur-onafhankelijke grafiek. De categorieën hebben niet alleen verschillende kleuren, maar ook verschillende patronen met witte vormen. Zo zijn ze met meerdere zintuigelijke eigenschappen waar te nemen. Daarnaast is er ook een tabeloptie die de data van de grafiek in tekst weergeeft en daarmee ook toegankelijker maakt.

Onafhankelijk van kleur

Kleur kan je overal gebruiken, maar niet als enige medium voor het overbrengen van informatie. Niet iedereen kan namelijk kleur op dezelfde manier waarnemen.

Een voorbeeld is de inhoudsopgave op deze site. Zowel met achtergrondkleur als met een dikgedrukte tekst is het duidelijk op welke pagina je bent.

Quiz

Wat is een kleur-onafhankelijk ontwerp?

Meer voorbeelden

Links staat een lijst die alleen te begrijpen is via kleur. Groen geeft aan dat een item aan staat en rood dat het item uit staat. Rechts staat de kleur-onafhankelijke variant. Nog steeds is groen aan en rood uit, maar nu staat er ook een icoon bij: een vink of een kruis.
Een voorbeeld van een kleur-afhankelijk en kleur-onafhankelijk ontwerp. Bij het kleur-onafhankelijke voorbeeld is een icoon toegevoegd. Hierdoor kan je ook zonder kleur dezelfde informatie krijgen.
Links staan 3 tabbladen waarvan de geselecteerde een andere kleur heeft dan de rest. Rechts staan dezelfde tabbladen, maar nu met een extra lijn onder de geselecteerde optie.
Voorbeeld met tabs. Bij het kleur-onafhankelijke voorbeeld is een vorm toegevoegd.
Verder lezen

Meer weten?

Externe bronnen zijn niet verbonden met NTR