The Black and Blue Dress

Transcript

1. KHAIRUL NIZAM SAIFUL It’s about accessibility BLACK AND BLUE OR WHITE AND GOLD?
2. THE DRESS
3. - Khairul Nizam Saiful - From Kuching, Sarawak - Chemical Engineer - Hobby - Programming (Until it became a job) - Full-stack Developer @feat-stores - Colorblind (Diagnosed at 15 yo) ABOUT ME
4. ISHIHARA TEST
5. COLORBLINDNESS Red? Pink? Grey? Yellow? Green? Orange? Blue? Purple? Green? Grey? Maroon?
6. DEFINITION Color blindness (color vision deficiency) is the decreased ability to see color or differences in color. CAUSES Hereditary and sex-linked, affecting predominantly males. Acquired - Trauma - Brain/retinal damage - Diseases - age-related macular degeneration, diabetes, Vit A deficiency - Drugs and chemicals
7. - Trichromacy - Human - 10M colors - Monochromacy - Whales, sharks, sea lions - 200 - Dichromacy - Placental mammals - 40k - Tetrachromacy - Bird, fish, amphibians - 100M - Pentachromacy - Butterflies - 10B COLOR VISION
8. SPECTRUM Trichromacy Deuteranopia Protanopia Tritanopia Monochromacy Dichromacy Achromatopsia
9. SPECTRUM Deuteranopia Protanopia Tritanopia Monochromacy Dichromacy Achromatopsia 1 in 30 000 1 in 12 1 in 200 75% 25% > 1% Affect equally
10. SPECTRUM 10% 5% 4%
11. LIFE
13. https://www.youtube.com/watch?v=3Mg_galcbA4
14. - Contrast ACCESSIBILITY https://coolors.co/contrast-checker
16. - Palette ACCESSIBILITY ❌ ❌
17. - Patterns and Shapes ACCESSIBILITY http://www.coloradd.net/
18. - Simulators ACCESSIBILITY https://www.color-blindness.com/ coblis-color-blindness-simulator/
19. 57% saw the dress as blue and black; 30% saw it as white and gold Chromatic adaptation
21. - Visual impairment - 246M low vision, 39M total blindness - Eg. Web Accessibility Initiative (WAI-ARIA): https://www.w3.org/WAI/standards-guidelines/aria/ - How a blind person uses a phone: https://www.youtube.com/watch?v=c0nvdiRdehw - Deafness - 466M hearing loss - Eg. Sign language, Closed captioning - Physical disability - 2 in 1000 liveborn with cerebral palsy - Eg. Xbox Adaptive Controller BEYOND COLOUR-BLINDNESS
22. Q&A THANK YOU
23. Farnsworth–Munsell 100 hue test
24. ENCHROMA