Testen kleurenblindheid

Ik ga een kleurenblindheid test uitvoeren op mijn opdrachtgever website.

Open Chrome Devtools > Click 3 dots > Select Rendering > Emulate vision deficiencies

The No emulation button has opened a drop-up submenu where you can choose between five vision deficiencies:

Blurred vision – lack of sharpness Protanopia – can’t see any red light (most common form of color blindness) Deuteranopia – can’t see any green light Tritanopia – can’t see any blue light Achromatopsia – only can see the shades of grey (total color blindness)

Resultaat

https://github.com/user-attachments/assets/0e26403c-9ee1-4850-abda-90cc2b232d1b

Ik heb grotendeels geen grote problemen tegengekomen bij het testen, ten minste niet met de verlies van de betekenis.

Issue

https://github.com/user-attachments/assets/23104e07-9136-457d-a842-d43b711a9062

Er is een probleem bij Blurred vision deficientie. De tekst van paragraph wordt te wazig om te lezen, en dit zorgd voor het verlies van de kern.

Mogelijke oplossing

Dit issue is mogelijk op te lossen door font-size te veranderen van 16px naar bijv. 18px.

aliceafanasieva / i-love-web