|
Posted by William Gill on August 7, 2007, 7:45 pm
Please log in for more thread options
In the past I have not done enough to make my pages accessible, but want
to make a better effort now.
I thought it would be fairly easy, but so far I have only succeeded in
producing a major headache.
I started out with a color scheme (based on client logo and their
current print material), and for most of my text black is fine.
I want to add a css navigation bar and have discovered that using trial
and error to find foreground/background color combinations for css
pseudo-classes (link, visited, hover, active) yields the aforementioned
headache, but no new combinations meeting the W3C color brightness and
color difference recommendations.
Is there a tool, formula, or simple method to help find colors that are
acceptable?
|
|
Posted by Chris F.A. Johnson on August 7, 2007, 8:09 pm
Please log in for more thread options
On 2007-08-07, William Gill wrote:
> In the past I have not done enough to make my pages accessible, but want
> to make a better effort now.
>
> I thought it would be fairly easy, but so far I have only succeeded in
> producing a major headache.
>
> I started out with a color scheme (based on client logo and their
> current print material), and for most of my text black is fine.
>
> I want to add a css navigation bar and have discovered that using trial
> and error to find foreground/background color combinations for css
> pseudo-classes (link, visited, hover, active) yields the aforementioned
> headache, but no new combinations meeting the W3C color brightness and
> color difference recommendations.
>
> Is there a tool, formula, or simple method to help find colors that are
> acceptable?
Dark on light or light on dark. Stay as close to black and white
as you can.
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
===================================================================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
|
|
Posted by John Hosking on August 7, 2007, 9:28 pm
Please log in for more thread options
William Gill wrote:
> In the past I have not done enough to make my pages accessible, but want
> to make a better effort now.
>
> Is there a tool, formula, or simple method to help find colors that are
> acceptable?
http://juicystudio.com/services/colourcontrast.php might help you.
--
John
Pondering the value of the UIP: http://blinkynet.net/comp/uip5.html
|
|
Posted by William Gill on August 7, 2007, 9:51 pm
Please log in for more thread options
> http://juicystudio.com/services/colourcontrast.php might help you.
>
Thanks, John. That is one of the tools I'm using to test.
Unfortunately trying to find values other than #000 and #fff, that work
with a particular color scheme (i.e browns, blues, pinks, or whatever)
means trial and error, mostly error. I am surprised that colors that
look good to me, fall so short of the 125 and 500 targets.
What would be great is a tool that when given a background color, yields
a group of passing foreground colors to chose from.
If I knew a formula that would work, I'd write my own program or script.
Maybe I will try to convert the w3.org's formula to a spreadsheet that
can work backwards.
|
|
Posted by John Hosking on August 7, 2007, 10:27 pm
Please log in for more thread options
William Gill wrote:
>> http://juicystudio.com/services/colourcontrast.php might help you.
>>
> Thanks, John. That is one of the tools I'm using to test.
>
> Unfortunately trying to find values other than #000 and #fff, that work
> with a particular color scheme (i.e browns, blues, pinks, or whatever)
> means trial and error, mostly error. [...]
>
> What would be great is a tool that when given a background color, yields
> a group of passing foreground colors to chose from.
>
> If I knew a formula that would work, I'd write my own program or script.
Well, you probably don't need to write your own. Just picking out the
color-related sites I have bookmarked, here's a list you may find handy:
Wellstyled's Color schemes
http://www.wellstyled.com/tools/colorscheme/free-en.html
and
http://www.wellstyled.com/tools/colorscheme/index-en.html
and
[ws] Color Scheme Generator 2
http://www.wellstyled.com/tools/colorscheme2/index-en.html
...apparently powerful but not always easy for me to use.
Color Schemer Online v2
http://www.colorschemer.com/online.html
Toby Inkster's Colour Calculator, allowing the "averaging" of colors
http://buzzword.org.uk/colours/
Color Blender from Eric Meyer, allowing blending like Toby's page
http://meyerweb.com/eric/tools/color-blend/
The RGB Color Calculator - A Web Page Color Choosing Tool
http://webdeveloper.earthweb.com/repository/javascripts/2001/06/48571/hex.html
...interesting but not as useful for me as other tools. Not what you're
looking for here.
Of course, if the above links don't do satisfy you, you can also comb
the Internet further, and maybe find the perfect tool.
About the calculators: I can't say if they're really good or bad, since
I am chromatically challenged. It's not a problem with my eyes, just the
part of the brain that's supposed to tell me when colors "go" together. :-)
HTH. GL.
--
John
Pondering the value of the UIP: http://blinkynet.net/comp/uip5.html
|
| Similar Threads | Posted | | Google tool bar changes text input background color | November 14, 2007, 2:50 pm |
| Mac/Safari Gamma Problem matching HTML color to GIF color? | April 18, 2006, 1:56 am |
| Best authoring tool | April 3, 2005, 4:02 am |
| Please help with authoring tool questions | April 11, 2005, 10:40 pm |
| activex upload tool | February 14, 2006, 2:57 pm |
| Authoring tool recommendation | August 27, 2006, 1:48 pm |
| tool to list links | November 1, 2006, 1:00 pm |
| Linux tool for Web Comps | March 17, 2008, 12:09 pm |
| Yahoo map edit tool - how to implement | August 1, 2005, 10:55 am |
| Yahoo map edit tool - how to implement | August 1, 2005, 10:55 am |
|
XML Sitemap