Please note: This site's design is only visible in a graphical browser that supports Web standards, but its content is accessible to any browser or Internet device. To see this site as it was designed please upgrade to a Web standards compliant browser.
 
Signal vs. Noise

Our book:
Defensive Design for the Web: How To Improve Error Messages, Help, Forms, and Other Crisis Points
Available Now ($16.99)

Most Popular (last 15 days)
Looking for old posts?
37signals Mailing List

Subscribe to our free newsletter and receive updates on 37signals' latest projects, research, announcements, and more (about one email per month).

37signals Services
Syndicate
XML version (full posts)
Get Firefox!

Colorblind Web Page Filter

04 Mar 2003 by

Very cool design tool: See your pages as if you were colorblind.

23 comments so far (Post a Comment)

04 Mar 2003 | fajalar said...

The Trace Center has some cool stuff dealing with assistive technologies.

British Telecom's site on colors has a nice page that shows all the "normal" colours in relation to the 3 different types of color "blindness."

Just adding to the links.

05 Mar 2003 | Martin said...

This is the kind of tool that comes in really handy for organisations like my own (the BBC), given that we're responsible to a license-paying public, and have to make sure our material complies with accessibility guidelines.

05 Mar 2003 | Don Schenck said...

Thanks for the link! I ran all the sites for which I'm responsible (including CharlesDaly.com), and they all did fine ... which was dumb luck, believe me.

Again, thanks. This link's a "keeper".

05 Mar 2003 | pepe said...

the link doesnt work

05 Mar 2003 | matt said...

The link works again.

While I was vacation (just got back a few hours ago) my ISP shut down the script due to excessive load on the server. I need to investigate, but my current operating theory is that someone may have been abusing the script (automating a download of some giant collection of filtered pages).

06 Mar 2003 | Original Jim said...

Or maybe there was just a lot of traffic going through the site..?

06 Mar 2003 | Paperhead said...

the quick version for people with IE:

Grayscale test

This link should grayscale the page through javascript. You can add the link to your bookmarks and then execute it that way. Adding to favourites or bookmarks will get a security warning because the link contains javascript, but it's safe, it's just applying a quick filter to the page) :)

06 Mar 2003 | Joshua Kaufman said...

That's neato, Paperhead. Are there many other filters like that for IE?

06 Mar 2003 | Fredy said...

I've been doing some research of this topic for about 12-15 months now and I found this post quite interesting.

I'm currently a Masters student in Interactive Multimedia in Sydney Australia and I'm researching and designing with this topic in mind, I've posted a url to a ton of links I have on the topic of Colour-Blindness and technology use, in particular new research in Mobile and PDA use, future colour use, etc.

www.reloade.com.au/main/4.0/entries/archives/2003/03/001677.php

Note this site is still in development and will launch soon. (excuse the mess :)

06 Mar 2003 | Paperhead said...

there's a fair few of them Joshua, glow, flip horizontal, flip vertical, alpha opacity and such. if you use CSS [and who doesn't nowadays] you can just throw one line of code into the stylesheet to get a cheap effect for IE without buggering up the other browsers that don't have support for such filters (though you can get opacity in Moz/MM6 throught moz-opacity. throwing them into a link just means that they execute through the address bar, they are commonly referred to as bookmarklets [or some people call them favelets]. a quick search of google for bookmarklets and accessibility should produce a fair few finds. from what i know, they were pretty much invented single-handedly by a nice man called Steve Kangas at bookmarklets.com. Most of the ones on his site are designed to either empower the user [user-defined hyperlinks] or to help accessibility [there's a brilliantly scripted one that throws up an array of all 216 safe web colours]. one of my faves for this kind of thing is bookmarklets that help level the browser field, so as Opera lets you zoom the page and NN/Moz lets the user increase the text size regardless of page settings, so you can run these on the later IE:

+ + + - - -


sorry Joshua, that probably far more than you wanted :)

06 Mar 2003 | Paperhead said...

by the by, i don't know if you'll still be able to find it anywhere, but there was a very interesting little browser out there called pwWebSpeak 32 that lets you browse pretty much text-only, but reads the pages out to you in one of a variety of voices. it's something that really makes you think about how you order the flow of your pages structurally. this is also pretty interesting over at W3Schools.

08 Mar 2003 | matt said...

it seems the colorblind colorfilter just got too popular. I've hacked off a bunch of features to hopefully make it less of a server-hog. We'll see if this stripped down version can avoid being killed by the sysadmins.

07 Jan 2004 | klingeltoene handylogos said...

Very useful comments - good to read

08 Jan 2004 | logos said...

Many knowledges I have found here I would come back

08 Jan 2004 | mortgages said...

I am surprised - interesting comments

09 Jan 2004 | gambling said...

You know, being yourself needs strong person.

10 Jan 2004 | diet pills said...

Hi, I wrote to many themes, but this is realy interresting.

12 Jan 2004 | handylogos said...

Honour on your head for this work

12 Jan 2004 | loans said...

Veni vidi vici that is your way

12 Jan 2004 | spiele said...

Nice blog I am glad to see

17 Jan 2004 | Drugo said...

For example, if you see an AIM window peeking out from behind your browser and you click on it, that window will come to the front, but the main application window will not. The Mail.app/Activity Viewer is another example. The Aqua system of layers works well in many instances, but not in all. Thank goodness that the Dock is always there to come to the rescue. I know that clicking on an application icon in the Dock will always result in not only the application coming to the front, but also any non-minimized windows associated with it. And if the application is active but no windows are open, clicking on the Dock icon should create a new window in that application.

17 Jan 2004 | Gwenhoivar said...

This topic is one we will tackle later in this article, but it refers to making sure that your application and the dock aren't fighting it out for supremacy of the screen.

17 Jan 2004 | Hector said...

At WWDC, I listened to Apple representatives make some excellent points about taking the time to build a 100%-compliant Aqua application, and I think all developers need to look beyond the code and listen to what the folks at Apple have to say

Comments on this post are closed

 
Back to Top ^