E-mail List Archives
Thread: colour combinations that work for light sensitive users
Number of posts in this thread: 3 (In chronological order)
From: Sandy Feldman
Date: Tue, Nov 30 2021 9:55AM
Subject: colour combinations that work for light sensitive users
No previous message | Next message →
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<p>hey all,</p>
<p>Does anyone know a reliable resource to look up colour
combinations that work for light sensitive users?</p>
<p>I am working on a WordPress theme that includes a palette
switcher that the user choose between a dark and light version. <br>
</p>
<p>I've got a combination of <a moz-do-not-send="true"
href="https://colorable.jxnblk.com/000000/a2cf61">green #a2cf61
and black</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.</p>
<p>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?<br>
</p>
<p>thanks!<br>
</p>
<div class="moz-signature">-- <br>
Sandy
<p><a href="https://sandyfeldman.com">sandyfeldman.com</a>
<br>
<a href="https://www.a11yready.com/">a11yready.com</a><a>
</a></p>
<a><br>
<br>
</a></div>
</body>
</html>
From: Jonathan Avila
Date: Tue, Nov 30 2021 12:55PM
Subject: Re: colour combinations that work for light sensitive users
← Previous message | Next message →
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.
https://www.w3.org/WAI/GL/task-forces/silver/wiki/Visual_Contrast_of_Text_Subgroup
Jonathan
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Sandy Feldman
Sent: Tuesday, November 30, 2021 11:56 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
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<https://colorable.jxnblk.com/000000/a2cf61> 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?
thanks!
--
Sandy
sandyfeldman.com<https://sandyfeldman.com>
a11yready.com<https://www.a11yready.com/>
From: Sandy Feldman
Date: Wed, Dec 01 2021 7:34AM
Subject: Re: colour combinations that work for light sensitive users
← Previous message | No next message
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<p>Jonathan,</p>
<p>Thanks for that link. It's a lot of information! Thanks,
especially, for the black and white tip. <br>
</p>
<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>
</p>
<div class="moz-signature">Sandy
<p><a href="https://sandyfeldman.com">sandyfeldman.com</a>
<br>
<a href="https://www.a11yready.com/">a11yready.com</a><a>
</a></p>
<a><br>
<br>
</a></div>
<div class="moz-cite-prefix">On 2021-11-30 2:55 p.m., Jonathan Avila
via WebAIM-Forum wrote:<br>
</div>
<blockquote type="cite"
cite="mid: = EMAIL ADDRESS 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>
Jonathan
From: WebAIM-Forum <a class="moz-txt-link-rfc2396E" href="mailto: = EMAIL ADDRESS REMOVED = ">< = EMAIL ADDRESS REMOVED = ></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 ADDRESS REMOVED = ">< = EMAIL ADDRESS REMOVED = ></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"><https://colorable.jxnblk.com/000000/a2cf61></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?
thanks!
--
Sandy
sandyfeldman.com<a class="moz-txt-link-rfc2396E" href="https://sandyfeldman.com"><https://sandyfeldman.com></a>
a11yready.com<a class="moz-txt-link-rfc2396E" href="https://www.a11yready.com/"><https://www.a11yready.com/></a>
List archives at <a class="moz-txt-link-freetext" href="http://webaim.org/discussion/archives">http://webaim.org/discussion/archives<;/a>
</pre>
</blockquote>
</body>
</html>