TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Automatic detection of non-colorblind safe colors

87 点作者 gka超过 7 年前

11 条评论

bbarn超过 7 年前
Really cool. I showed the a11y geeks in our design group this and they're already thinking about approaches they could take to embed this into the CI process for our UI libraries.
robbrown451超过 7 年前
An interesting question might be, which is the best approach: having designers alter their designs (which means everyone is affected), vs. client side settings that alter the appearance just for those affected?<p>I just am not so fond of the idea that all designs must be compromised (both aesthetically and functionally) for everyone else, if there are solutions that work as well without affecting everyone.
评论 #16341158 未加载
tofof超过 7 年前
The author uses CMC I:c (and somewhat incorrectly claims it&#x27;s also called Delta E, which normally refers to one of the CIELAB metrics). Then he notes the asymmetry of that quasimetric, and a workaround -- averaging the C1,C2 and C2,C1 distances.<p>I wonder if perhaps he would be better served by simply using the actual &quot;Delta E&quot; metric, specifically ΔE*₀₀, which doesn&#x27;t have this symmetry problem?<p>PS. Sexy interactive color matrix table. Small error in the text below -- values &gt;=40 are highlighted, not &gt;45.
评论 #16342358 未加载
jaysonelliot超过 7 年前
Excellent tool. Our organization is AAA compliant with the ADA section 508 (details for anyone who needs them: <a href="https:&#x2F;&#x2F;www.section508.gov&#x2F;content&#x2F;build&#x2F;website-accessibility-improvement&#x2F;WCAG-conformance" rel="nofollow">https:&#x2F;&#x2F;www.section508.gov&#x2F;content&#x2F;build&#x2F;website-accessibili...</a>), and color is a major issue.<p>One suggestion for designers &amp; developers who need to be ADA-compliant: part of the spec is the level of contrast between different colors. We currently use WebAIM to check our color contrast: <a href="https:&#x2F;&#x2F;webaim.org&#x2F;resources&#x2F;contrastchecker&#x2F;" rel="nofollow">https:&#x2F;&#x2F;webaim.org&#x2F;resources&#x2F;contrastchecker&#x2F;</a><p>I&#x27;d recommend looking at the contrast levels needed to achieve ADA compliance, or any other compliance needed depending on the regulations in various countries, to make it easy for designers &amp; devs.
mmjaa超过 7 年前
I kind of wish the OS Vendors were not asleep at the wheel, and had features to address these issues as a &#x27;built-in&#x27; value proposition for their products.<p>I mean, it seems to me the sort of thing that a computer ought to know how to deal with, inherently .. and sure, some vendors do make an effort to make these kinds of human differences accessible.<p>But its just .. well maybe there is a broader malaise with OS vendors, asleep at the wheel, not caring too much about this on the OS level any more. We&#x27;ve moved on and its all web now, I guess.<p>I say this, as my first thought while reading this article was &quot;surely this is just a hash-table away from being applicable everywhere ...&quot; ..
评论 #16341993 未加载
mkempe超过 7 年前
Thank you, this is great work.<p>While implementing the UI for a medical device I had the disappointing experience of having to work with a UX company that designed an interface that relied almost exclusively on <i>colors</i> to indicate results and state (red, green, orange, blue, yellow...). When I pointed out that the color blind would not be able to understand their color-based system they refused to make any changes -- not even adding distinct icons for distinct results. These people claim to be UX specialists for medical devices.
george_perez超过 7 年前
FYI, you should reissue your certificate. Chrome 66 is already blocking it (because of the Symantec fiasco). <a href="https:&#x2F;&#x2F;i.imgur.com&#x2F;dWqeK74.png" rel="nofollow">https:&#x2F;&#x2F;i.imgur.com&#x2F;dWqeK74.png</a>
评论 #16345468 未加载
aaossa超过 7 年前
I have a legit question. Do colorblind people use some extension in their browser? This post gave me the idea that maybe some extension could show them the warnings and some options to scale the colors in an appropiate manner. My first idea was to try using it in development, to check how colorblind people see our apps and provide a solution. Do you have any further plans or ideas with this? (It&#x27;s an interesting topic, but I&#x27;m not very informed)
评论 #16341479 未加载
评论 #16341514 未加载
snissn超过 7 年前
Would love for someone to do a similar analysis on the Overwatch colorblind modes (and why they don&#x27;t work and Blizzard needs to improve them)
relaunched超过 7 年前
This is a very informative and well structured post. The clarity of thought and experimentation methods that led to the final solution was a pleasure to read.<p>Also, the problem space is one that I haven&#x27;t thought about, but probably should. After all, accessibility should be important to all of us.
nix0n超过 7 年前
Now that I&#x27;ve detected my color ramp is inadequate, where can I find a good one? Am I limited to greyscale or other single-hue ramps? Do I need multiple color ramps for deuteranopia vs protanopia?
评论 #16341447 未加载
评论 #16343402 未加载