Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Black and Blue Dress

89a6d3811e888ab2b7dffd34c805929d?s=47 jongthechemist
October 08, 2020

The Black and Blue Dress

89a6d3811e888ab2b7dffd34c805929d?s=128

jongthechemist

October 08, 2020
Tweet

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

  12. None
  13. https://www.youtube.com/watch?v=3Mg_galcbA4

  14. - Contrast ACCESSIBILITY https://coolors.co/contrast-checker

  15. None
  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
  20. None
  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