473,383 Members | 1,789 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,383 software developers and data experts.

accessibility color tool

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?


Aug 7 '07 #1
8 2197
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)
Aug 8 '07 #2
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
Aug 8 '07 #3

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.
Aug 8 '07 #4
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/colo...e/free-en.html
and
http://www.wellstyled.com/tools/colo.../index-en.html
and
[ws] Color Scheme Generator 2
http://www.wellstyled.com/tools/colo.../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/rep...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
Aug 8 '07 #5
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/colo...e/free-en.html
and
http://www.wellstyled.com/tools/colo.../index-en.html
and
[ws] Color Scheme Generator 2
http://www.wellstyled.com/tools/colo.../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/rep...48571/hex.html
Good links. I had some, lost a couple others, but there are a couple
that may work well.

just for grins, try plugging a couple combos that you think will work
into http://juicystudio.com/services/colourcontrast.php

You may be surprised at the results.
>
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. :-)
I can relate. I had a 55 MPH (88.5 KPH) head on that re-wired some of
my brain. My dentist doesn't like having to numb the lower left to work
on the upper, and my Dr. doesn't like it when the right ear aches for an
infection in the left. Neither likes it when I can't remember details,
but I remind them "If you think it's annoying from where you sit.
Think how much of a pain in the A it is for me."
Aug 8 '07 #6
Well bust mah britches and call me cheeky, on Wed, 08 Aug 2007 04:20:03
GMT William Gill scribed:
>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. :-)
I can relate. I had a 55 MPH (88.5 KPH) head on that re-wired some of
my brain. My dentist doesn't like having to numb the lower left to
work on the upper, and my Dr. doesn't like it when the right ear aches
for an infection in the left. Neither likes it when I can't remember
details, but I remind them "If you think it's annoying from where you
sit. Think how much of a pain in the A it is for me."
I can sympathize. Whenever I have to sneeze and hold my nose, I end up
breaking wind. (People find that annoying, as well.)

PS: Is your name really "Bill Gill"?

--
Neredbojias
Half lies are worth twice as much as whole lies.
Aug 8 '07 #7
PS: Is your name really "Bill Gill"?
>
Yep. Do you think anyone would pick that as a nom de plume?

Aug 8 '07 #8
Well bust mah britches and call me cheeky, on Wed, 08 Aug 2007 13:48:17 GMT
William Gill scribed:
>PS: Is your name really "Bill Gill"?
Yep. Do you think anyone would pick that as a nom de plume?
Non! Mais j'mappel "Neredbojias". :)

--
Neredbojias
Half lies are worth twice as much as whole lies.
Aug 8 '07 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
by: JAMESICUS | last post by:
Refer to ..... http://news.com.com/2100-1032-5063444.html James Pickering Pickering Pages http://www.jp29.org/
9
by: Barbara de Zoete | last post by:
I am getting more and more confused as to the meaning of the words 'accessibility' and 'usability' *in the context of the world wide web*. What do these two words mean? How do they differ from one...
19
by: lolo | last post by:
Hi, I know how validate a page for CSS or HTML, but I didn't found how validate my page for accessibility Thanx for your help
54
by: richard_quick_uk | last post by:
Hi, If anyone's got the time I'd really appreciate any feedback on the accessibility of this site: http://www.cata.co.uk/_index.a­sp
5
by: fleemo17 | last post by:
I see that Firefox offers validation tools for both 508 Accessibility and WAI Accessibility. Can anyone tell me the difference between these two or are they basically one and the same? Thanks....
7
by: TechBoy | last post by:
RE: Access 2002 SP3 I have an app "App1.mdb" that has internal security built-in via a table: tblSecurity. In this table a match is obtained to see if they are authorized to use the app. This...
4
by: waltborders | last post by:
Hi, Because the blind are unable to use a mouse, keyboard navigation is key. A major difficulty is that not all windows forms controls are keyboard 'tab-able' or 'arrow-able' or have "tab...
13
by: NickName | last post by:
"For the vision impaired, SVG offers tremendous potential for interactive Internet mapping applications as discussed by Gardner and Bulatov (2001).". Now, here's an SVG file with fair/medium...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.