O'Reilly logo

Practical Approaches For Designing Accessible Websites by Smashing Magazine

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Design Accessibly, See Differently: Color Contrast Tips And Tools

By Cathy O'Connor

When you browse your favorite website or check the latest version of your product on your device of choice, take a moment to look at it differently. Step back from the screen. Close your eyes slightly so that your vision is a bit clouded by your eyelashes.

Can you still see and use the website?

Are you able to read the labels, fields, buttons, navigation and small footer text?

Can you imagine how someone who sees differently would read and use it?

Web page viewed with NoCoffee low-vision simulationWeb page viewed with NoCoffee low-vision simulation.

In this article, I’ll share one aspect of design accessibility: making ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required