Comments on: Tips for Designing for Colorblind Users

By: NikeJordans

NikeJordans — Mon, 05 Dec 2011 10:53:26 +0000

I got more useful information on this blog.. Thanks to sharing the useful information.

By: LiMelia

LiMelia — Mon, 28 Nov 2011 02:50:59 +0000

Awesome article!Thanks for ur nice sharing!!

By: TA-65

TA-65 — Tue, 15 Nov 2011 06:54:40 +0000

Just want to say what a great blog you got here!I’ve been around for quite a lot of time, but finally decided to show my appreciation of your work!

By: Tips for Designing for Colorblind Users | Design Shack | UXWeb.info

Tips for Designing for Colorblind Users | Design Shack | UXWeb.info — Wed, 09 Nov 2011 02:10:21 +0000

[...] #usability Reading an article entitled Tips for Designing for Colorblind Users on Design Shack. Link – Trackbacks Posted in User experience (UX) | Permalink. ← Yes you do need to read [...]

By: Accessible Web Design « yasminelizabeth

Accessible Web Design « yasminelizabeth — Wed, 02 Nov 2011 00:37:32 +0000

[...] http://designshack.net/articles/accessibility/tips-for-designing-for-colorblind-users Share this:TwitterFacebookLike this:LikeBe the first to like this post. [...]

By: Duane R. Olson

Duane R. Olson — Thu, 27 Oct 2011 17:42:06 +0000

Olson’s e-mail address is

By: Duane R. Olson

Duane R. Olson — Thu, 27 Oct 2011 17:40:49 +0000

I am looking for someone to design color-blind adds for color-blind people re-produced on cloth. Can you help me locate such a person or company? Duane Olson 1037 Bayberry Drive, State College, Pennsylvania (814)238 0304

By: Can Colorblind Users See Your Website? « COM585

Can Colorblind Users See Your Website? « COM585 — Thu, 29 Sep 2011 17:47:32 +0000

[...] http://designshack.co.uk/articles/accessibility/tips-for-designing-for-colorblind-users LD_AddCustomAttr("AdOpt", "1"); LD_AddCustomAttr("Origin", "other"); LD_AddCustomAttr("theme_bg", "9c9fa5"); LD_AddCustomAttr("theme_border", "191819"); LD_AddCustomAttr("theme_text", "555555"); LD_AddCustomAttr("theme_link", "2d4567"); LD_AddCustomAttr("theme_url", "2d4567"); LD_AddCustomAttr("LangId", "1"); LD_AddCustomAttr("Autotag", "technology"); LD_AddCustomAttr("Tag", "design-2"); LD_AddSlot("wpcom_below_post"); LD_GetBids(); Like this:LikeBe the first to like this post. [...]

By: Thomas

Thomas — Wed, 21 Sep 2011 08:42:05 +0000

I always use a tool like “Sim Daltonism” (http://michelf.com/projects/sim-daltonism/) for colorblindness simulation to check my interfaces or websites. I’m not sure how accurate it is, but it’s a good start.

By: slimming products

slimming products — Wed, 14 Sep 2011 07:57:36 +0000

I like it very much and which you shared the info in this post is very useful. Thanks for sharing a wonderful post. I found this post while surfing the web.Thanks for sharing this article.

By: Jordan fans

Jordan fans — Fri, 05 Aug 2011 00:37:43 +0000

good job.

By: Jen

Jen — Wed, 23 Mar 2011 07:17:33 +0000

Great article!! I am researching this at the moment and can’t believe how many designers just don’t consider people with colour blindness when designing for the web.

I’ve found that a common problem is grey text. So try to avoid using grey body copy on sites as there’s not enough contrast with the background.

By: Effective Colour Contrast

Effective Colour Contrast — Sun, 06 Mar 2011 08:45:42 +0000

[...] Tips for Designing for Colorblind Users Share and Enjoy: [...]

By: Double Treat: Ultimate Web Design and Development Tutorials | Webblog360

Double Treat: Ultimate Web Design and Development Tutorials | Webblog360 — Tue, 15 Feb 2011 08:00:07 +0000

[...] Tips for Designing for Colorblind Users [...]

By: Ian Ferguson

Ian Ferguson — Tue, 04 Jan 2011 13:26:08 +0000

Good article – that red/purple clashing pic makes my eyes water, and when colleagues choose that kind of scheme for a design, I practically scream at them. Cyan/white is another classic combination that is almost completely invisible to us.

However… you need to take your own medicine. The text links on this site (at least, in this article) are hardly recognisable to me from the regular text. For example, take this line, the fourth paragraph in;

Like the article? Be sure to subscribe to our RSS feed and follow us on Twitter to stay up on recent content.

I realise ‘RSS feed’ and ‘Twitter’ are links, as they were likely to be so, and I can hover over them to see. If I look closely, I can see they are slightly lighter than the regular text, and they are brown or green (?). However, I don’t know if there are more links in the body of your article, as merely being slightly lighter doesn’t make them stand out. There should be more of a difference in colour, slightly lighter; or much better, a different style (bold or underlined – the HTML default of underlining links exists for a reason).

I realise this would muck with your brand; as a designer/coder I’ve had eternal battles with brand vs. accessibility. The best thing is to find a happy medium; most people who need accessibility concessions are well aware that they have to work a bit harder to consume content, and as long as you follow the basic and obvious rules, they won’t mind.