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.