WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: colour combinations that work for light sensitive users


From: Sandy Feldman
Date: Dec 1, 2021 7:34AM

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<p>Thanks for that link. It's a lot of information! Thanks,
especially, for the black and white tip. <br>
<p>It looks to me like we are still pretty far from being able to
just run a checker and get automated results for this. User
testing it is!</p>
<p>cheers, and thanks again,<br>
<div class="moz-signature">Sandy
<p><a href="https://sandyfeldman.com">sandyfeldman.com</a>
<a href="https://www.a11yready.com/">a11yready.com</a><a>
<div class="moz-cite-prefix">On 2021-11-30 2:55 p.m., Jonathan Avila
via WebAIM-Forum wrote:<br>
<blockquote type="cite"
cite="mid: <EMAIL REMOVED> ">
<pre class="moz-quote-pre" wrap="">Sandy,

There is some discussion and tentative work on this contrast task force page at the W3C. Work is being done to consider what maximum contrast might be and also what combinations are worse with dark backgrounds – for example, full white on a full black background would be problematic for most people.

<a class="moz-txt-link-freetext" href="https://www.w3.org/WAI/GL/task-forces/silver/wiki/Visual_Contrast_of_Text_Subgroup">https://www.w3.org/WAI/GL/task-forces/silver/wiki/Visual_Contrast_of_Text_Subgroup</a>


From: WebAIM-Forum <a class="moz-txt-link-rfc2396E" href="mailto: <EMAIL REMOVED> ">&lt; <EMAIL REMOVED> &gt;</a> On Behalf Of Sandy Feldman
Sent: Tuesday, November 30, 2021 11:56 AM
To: WebAIM Discussion List <a class="moz-txt-link-rfc2396E" href="mailto: <EMAIL REMOVED> ">&lt; <EMAIL REMOVED> &gt;</a>
Subject: [WebAIM] colour combinations that work for light sensitive users

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

hey all,

Does anyone know a reliable resource to look up colour combinations that work for light sensitive users?

I am working on a WordPress theme that includes a palette switcher that the user choose between a dark and light version.

I've got a combination of green #a2cf61 and black<a class="moz-txt-link-rfc2396E" href="https://colorable.jxnblk.com/000000/a2cf61">&lt;https://colorable.jxnblk.com/000000/a2cf61&gt;</a> that I think works for both the dark and light variation. The green is the company's brand colour, and it's AAA with black. Is there some kind of utility I can use to check this? At the very minimum I would like to be sure no one finds the theme physically painful.

I would like to know about highlight colours too. Say links on hover and focus - can I use a white background and black text, or is that too much? Is there a guideline for how big? Say a white outline?


sandyfeldman.com<a class="moz-txt-link-rfc2396E" href="https://sandyfeldman.com">&lt;https://sandyfeldman.com&gt;</a>
a11yready.com<a class="moz-txt-link-rfc2396E" href="https://www.a11yready.com/">&lt;https://www.a11yready.com/&gt;</a>

List archives at <a class="moz-txt-link-freetext" href="http://webaim.org/discussion/archives">http://webaim.org/discussion/archives<;/a>