Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Black and Blue Dress
Search
jongthechemist
October 08, 2020
Design
1
57
The Black and Blue Dress
jongthechemist
October 08, 2020
Tweet
Share
More Decks by jongthechemist
See All by jongthechemist
Integration Test with @testing-library
jongthechemist
0
130
Other Decks in Design
See All in Design
1人歩きする営業資料作成
yutoshukuya
0
130
B/43プラスカードができるまで
putchomsmartbank
0
460
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
610
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
110
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
580
実案件でのFigmaデータの作り方
xxxkinu
2
210
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
220
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
270
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
360
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
910
Crafting Blog covers: AI tools vs Human Illustrators. Who is the winner?
strongeron
0
130
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
0
350
Featured
See All Featured
Embracing the Ebb and Flow
colly
78
4.1k
Navigating Team Friction
lara
177
13k
Build your cross-platform service in a week with App Engine
jlugia
224
17k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
Gamification - CAS2011
davidbonilla
76
4.6k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Side Projects
sachag
451
41k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
The Invisible Customer
myddelton
114
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
Producing Creativity
orderedlist
PRO
336
39k
Transcript
KHAIRUL NIZAM SAIFUL It’s about accessibility BLACK AND BLUE OR
WHITE AND GOLD?
THE DRESS
- 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
ISHIHARA TEST
COLORBLINDNESS Red? Pink? Grey? Yellow? Green? Orange? Blue? Purple? Green?
Grey? Maroon?
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
- Trichromacy - Human - 10M colors - Monochromacy -
Whales, sharks, sea lions - 200 - Dichromacy - Placental mammals - 40k - Tetrachromacy - Bird, fish, amphibians - 100M - Pentachromacy - Butterflies - 10B COLOR VISION
SPECTRUM Trichromacy Deuteranopia Protanopia Tritanopia Monochromacy Dichromacy Achromatopsia
SPECTRUM Deuteranopia Protanopia Tritanopia Monochromacy Dichromacy Achromatopsia 1 in 30
000 1 in 12 1 in 200 75% 25% > 1% Affect equally
SPECTRUM 10% 5% 4%
LIFE
None
https://www.youtube.com/watch?v=3Mg_galcbA4
- Contrast ACCESSIBILITY https://coolors.co/contrast-checker
None
- Palette ACCESSIBILITY ❌ ❌
- Patterns and Shapes ACCESSIBILITY http://www.coloradd.net/
- Simulators ACCESSIBILITY https://www.color-blindness.com/ coblis-color-blindness-simulator/
57% saw the dress as blue and black; 30% saw
it as white and gold Chromatic adaptation
None
- 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
Q&A THANK YOU
Farnsworth–Munsell 100 hue test
ENCHROMA