How can I determine what website colors and contrast are best for readability?

AppDevGuy

I ran into an issue that I've never had before when designing a website for a client that happened to be colorblind.  When I showed him the prototype, he couldn't read a significant portion of the text that looked perfectly legible to me. I don't know exactly how prevalent color blindness is, but there must be millions of people for whom this is an issue. In this particular case, once I was aware of his colorblindness, I could simply adjust the palate to address it. But more broadly, is there a way to check contrast/color to ensure the widest range of readability?

Topic: Internet
Answer this Question

Answers

4 total
jimlynch
Vote Up (15)

This article might be of use:

Tips for Designing for Colorblind Users
http://designshack.net/articles/accessibility/tips-for-designing-for-col...

"...ust remember that it’s actually really easy to make your site accessible for colorblind users. You only have to put forth a conscious effort where it affects how the site works or when color perception could impair the readability of text. Who cares If you have a brown background that colorblind users think is green? Most of the time, they sure won’t.

Just make sure that when it matters, such as with links, charts and games, you look for ways to add contrast. Use highly contrasting colors colors, implement patterns, apply symbols, and use tricks with strokes, shadows and the like to make sure there is significant visual difference in all the right places. It can often be helpful to use a colorblindness simulator to help decide how the colors on the page affect the overall experience."

abraham alp

Internet Marketing There are many different types of internet marketing and the one we decided warrants a more in-depth look at is affiliate marketing. First of all, it is the most widespread type of internet marketing out there and it is also the easiest to get into if you are a newbie to the world internet marketing.
Christopher Nerney
Vote Up (14)

As someone who is cursed with color-blindness, this is a question near to my heart.

 

About 8% of men are color blind to some degree, while it's rare among women (well under 1%), so if you have a popular website, it will be visited every day by people who have problems with some colors. (I have trouble discerning some browns from greens and some blues from purples.)

 

I found a site for designers called Color Laboratory that "allows you to select colors and see how they appear next to one another, and in various foreground/background combinations." More importantly, it also allows you to "see those colors as they might appear to color-blind users."

 

Also, this site offers some advice to web designers trying to accommodate the color-challenged.

 

Thanks for thinking about us, AppDevGuy!

 

 

kreiley
Vote Up (10)

 

I personally have a mild colorblindness issue, and certainly too much or too little contrast can cause readability issues.  You have to also keep in mind that there are a wide variety of displays, lighting conditions, user settings, etc., so you will never be perfect for 100% of viewers.  Even so, I like to use a tool that measures color and brightness differential.  It's been around for years, so it's not the slickest, but it works.  

http://www.snook.ca/technical/colour_contrast/colour.html  

 

Ask a question

Join Now or Sign In to ask a question.
Yahoo has acquired online video streaming company RayV with the aim of distributing content to more people, particularly via mobile devices.
Building on its successful platform for monitoring the performance of IT systems, New Relic now offers a service that collects and analyzes app performance data to provide more information about how effectively businesses are serving their customers.
Will we see anything sillier than a Kickstarter campaign to make potato salad? Wait, don’t answer that
Amazon.com has asked the U.S. Federal Aviation Administration permission to test drones outdoors for use in its Prime Air package delivery service.
MonkeyParking, an app that lets people bid on public parking spaces, said Thursday it will suspend its service in San Francisco to avoid a potential lawsuit from the city attorney.
IBM, Microsoft, Red Hat and other IT vendors are lending a hand to Google to help build software that enterprises could use to manage their computerized workloads in the cloud.
Microsoft's price cuts for some Office 365 plans was an attempt to keep momentum on its software-by-subscription push, an analyst said.
In wake of psychological experiment, group challenges users to take a Facebook break and find out if it makes them happier.
Oracle's massive annual OpenWorld conference isn't happening until late September, but the vendor recently unveiled details of nearly 1,800 sessions planned for the event that on balance paint a comprehensive picture of what its customers, partners and competitors can expect.
Microsoft is coming out with new hardware and cloud management features for its StorSimple hybrid storage offering that promises lower costs and better data protection.
randomness