We gebruiken cookies om ervoor te zorgen dat onze website zo soepel mogelijk draait. Als je doorgaat met het gebruiken van de website, gaan we er vanuit dat ermee instemt.OkCookiemelding sluiten
  • Door naar de hoofd inhoud
  • Spring naar de voettekst
Logo DDAI
  • Kennisbank
  • Aanbieders
  • Waarmerk
  • Aanmelden
  • Nieuws
  • Contact
  • Ga naar zoeken
Home » Kennisbank » Design & UX » Kleur » Kleurenblindheid simuleren

Kleurenblindheid simuleren

Sander Nijsingh-Lankhorst van Cardan Technobility
Aantal keer bekeken552 3 juni 2020 2 minuten lezen

Kleurenblindheid komt bij ongeveer 8% van de Nederlandse mannen en 0,6% van de Nederlandse vrouwen voor. Wanneer jouw website, app of online document niet digitaal toegankelijk is, zal onder andere deze groep moeite hebben met het lezen van de informatie.

Gelukkig kunnen ontwikkelaars van websites ook zelf onderzoeken of de designs digitaal toegankelijk zijn voor mensen met kleurenblindheid.

Nieuwe functie in Google Chrome

Sinds eind mei 2020 heb je hiervoor geen tools, plugins of extensies van derde partijen nodig, maar is het gewoon standaard in Google Chrome ingebouwd. Google heeft in versie 83 een nieuwe functie van de DevTools in de Chrome-browser gelanceerd waarmee ontwikkelaars visuele beperkingen zoals kleurenblindheid kunnen nabootsen. Zo krijg je een goed beeld van de toegankelijkheid van jouw website voor bepaalde vormen van kleurenblindheid

Je kunt als ontwikkelaar deze functie gebruiken door Google Chrome te starten en naar de ontwikkelaarstools (DevTools) van de browser te gaan. De functie zit nog wel een beetje verborgen. Ga in DevTools eerst naar “…” en kies “More tools”. Selecteer daar vervolgens “Rendering”. Nu verschijnt een nieuw tabblad in DevTools. Ga hierin naar onderen om bij “Emulate vision deficiencies” een keuze te maken.

Nabootsen van wazig zicht

DevTools kan wazig zicht en de volgende soorten tekortkomingen in kleurzicht nabootsen:

  • Protanopia: het onvermogen om rood licht waar te nemen.
  • Deuteranopia: het onvermogen om groen licht waar te nemen.
  • Tritanopia: het onvermogen om enig blauw licht waar te nemen.
  • Achromatopsia: het onvermogen om elke kleur waar te nemen, behalve grijstinten.

Het is wel belangrijk om er rekening mee te houden dat iedere vorm van kleurenblindheid per persoon verschilt. De weergave van de nieuwe tool is gebaseerd op extreme simulaties. Wanneer je je website optimaliseert voor deze omstandigheden, weet je zeker dat je goed zit voor mensen met protanopie, deuteranopie, tritanopie en achromatopsie.

De Google-ontwikkelaar die de toegankelijkheidstool heeft aangekondigd, legt uit dat professionals door middel van deze tool kunnen zien hoe mensen met een visuele beperking de website ervaren. Op die manier word jij, als ontwikkelaar, in staat gesteld om contrastproblemen, waarvan je niet eens wist dat je ze had, op te lossen. Hoewel de nabootsing niet 100% nauwkeurig is, bieden deze simulaties representatieve ervaringen op basis van verschillende omstandigheden.

Tools for Web Developers

Meer informatie over Tools for Web Developers van Google met betrekking tot digitale toegankelijkheid? Ga dan eens naar het onderdeel Accessibility Reference van Google.

Toegankelijke bouwer en DDAI

Ben je ook een digitaal toegankelijke bouwer? Meld je dan aan voor DDAI.

Over de auteur

  • Volg Sander Nijsingh-Lankhorst op LinkedIn
Sander Nijsingh-Lankhorst van Cardan Technobility

Sander heeft, voordat hij bij Cardan Technobility kwam, bij diverse organisaties gewerkt als webmaster, webredacteur en consultant. Hierdoor heeft hij heel veel kennis en ervaring opgedaan met het toegankelijk maken van websites en documenten. Hij staat te popelen om dit met jou te delen.

Nieuwtje?

Heb jij nieuws om te delen? Laat het ons weten en neem contact op.

Footer

Actueel

  • Nieuws
  • Agenda
  • Opleiding & training
  • DDAI - Dutch Digital Accessibility Index op LinkedIn
  • DDAI - Dutch Digital Accessibility Index op Facebook
  • DDAI - Dutch Digital Accessibility Index op Twitter

DDAI

  • Startpunt toegankelijkheid
  • Aanbieders
  • Over DDAI

Mijn DDAI

  • Aanmelden
  • Aanmeldprocedure en kosten
  • Mijn account

Kennisbank

De kennisbank van DDAI is jouw wegwijzer op het gebied van digitale toegankelijkheid.

Ga naar de kennisbank

  • Privacyverklaring
  • Algemene voorwaarden
  • Sitemap
  • Over deze website
  • Toegankelijkheidsverklaring
  • Logo Waarmerk drempelvrij.nl 2 sterren Ga naar het certificaat van toegankelijkheid

Website door Cardan en PEP