<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: Provide color schemes for common color-blindness"
href="https://bugs.webkit.org/show_bug.cgi?id=153377#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Web Inspector: Provide color schemes for common color-blindness"
href="https://bugs.webkit.org/show_bug.cgi?id=153377">bug 153377</a>
from <span class="vcard"><a class="email" href="mailto:nvasilyev@apple.com" title="Nikita Vasilyev <nvasilyev@apple.com>"> <span class="fn">Nikita Vasilyev</span></a>
</span></b>
<pre>Created <span class=""><a href="attachment.cgi?id=269616" name="attach_269616" title="[Image] How color blind people see the Inspector">attachment 269616</a> <a href="attachment.cgi?id=269616&action=edit" title="[Image] How color blind people see the Inspector">[details]</a></span>
[Image] How color blind people see the Inspector
Repost of my "Color blindness testing" email:
---
This weekend I learned about Sim Daltonism (<a href="https://michelf.ca/projects/sim-daltonism/">https://michelf.ca/projects/sim-daltonism/</a>) (from <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED DUPLICATE - Web Inspector: AXI: Accessibility Tools"
href="show_bug.cgi?id=151544">Bug 151544</a>), a color blindness simulator for Mac OS X. As I’m obsessed with everything colors, I installed it and tested Web Inspector.
We did pretty well, with a few notes in the Timelines: [see the attachment].
Seems like we’re doing okay with a few exceptions:
— Short layout and paint bars are hard do distinguish
— Red record button probably needs some title
Q: Why should we care?
It seems like color blindness isn’t that rare:
Males Females
Dichromacy 2.4% 0.03%
Protanopia (red deficient: L cone absent) 1.3% 0.02%
Deuteranopia (green deficient: M cone absent) 1.2% 0.01%
Tritanopia (blue deficient: S cone absent) 0.001% 0.03%
Anomalous Trichromacy 6.3% 0.37%
Protanomaly (red deficient: L cone defect) 1.3% 0.02%
Deuteranomaly (green deficient: M cone defect) 5.0% 0.35%
Tritanomaly (blue deficient: S cone defect) 0.0001% 0.0001%
<a href="https://en.wikipedia.org/wiki/Color_blindness#Epidemiology">https://en.wikipedia.org/wiki/Color_blindness#Epidemiology</a>
As I learned today, blue cones deficiency is very rare.
<a href="https://cldup.com/mPIRdLt7mn-3000x3000.png">https://cldup.com/mPIRdLt7mn-3000x3000.png</a>
Q: How can we improve?
The most common advice I hear is to avoid using green and red. I find this to be very bad advice.
<a href="https://cldup.com/xBMs3enIgC-1200x1200.png">https://cldup.com/xBMs3enIgC-1200x1200.png</a>
As you can see, the left color is easily distinguished from the right color by people with color blindness.
Only green and red with similar luminance can’t be distinguished.
A better advice would be to just test with a simulator (e.g. Sim Daltonism).</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>