Recommended Agency

text controls: text only | A A A

Excited to put into practise some of the advice @ValuableContent gave at their workshop for @Bristol_Media yesterda… https://t.co/25ATyDykJC, posted 18 days ago

RSS feed icon What is RSS?

blog.

Accessible Colours and Web Design

Accessible Colours and Web Design

For some it's driving fast cars, for others it's a risky bungee jump, for me I get plenty of excitement from discovering handy tools like this accessible colour palette generator! colorsafe.co
Stay with me, I'll get a life right after I tell you why this is worth shouting about...

Colour is super important in web design. It's not only used to make the website visually appealing but also to increase it's usability and accessibility.

What we must remember is not to assign too much meaning to colour in web design as this is of no use to users who cannot view the colour as you intend them to. That’s why when designing a website you should ensure that the information conveyed with colour is also provided through another means.

We must also ensure there is sufficient color contrast for all content. The goal is to make sure that all visual designs meet the minimum color-contrast ratio for normal and large text on a background. There is a lot to consider but this colour palette generator does much of the thinking for you. It is based on WCAG Guidelines of text and background contrast ratios.

You simply set up the canvas and text by entering a background color and the styling of your text. Then accessible text colours are generated with WCAG Guidelines recommended contrast ratios. Ready for you to simply pick your favourite!

 

Jordana Jeffrey
Jordana

Created on Tuesday October 20 2015 10:48 AM


Tags: web-design usability web onlinetool


Comments [0]








Comments


Add a comment