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
59
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
140
Other Decks in Design
See All in Design
JBUG京都#1登壇資料_「考える」をマネジメントする_ビーワークス高濱
webnaut
0
390
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
340
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
740
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.4k
速攻で価値検証して無駄なものを作らないプロダクトデザイン
cremacrema
3
320
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
100
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
Designing and Automating Component Specifications
nathanacurtis
3
310
accfes2024_torque_yamasaki
yuuyamasakiyuu
2
710
Sci-Fi: Descenso
elrtovar
0
200
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
3
2.7k
Building a mindful relationship with digital media for zillennials prone to anxiety
mastervicedesign
0
160
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
The World Runs on Bad Software
bkeepers
PRO
63
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Automating Front-end Workflow
addyosmani
1362
200k
GitHub's CSS Performance
jonrohan
1026
450k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Being A Developer After 40
akosma
72
580k
Six Lessons from altMBA
skipperchong
24
3.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
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