2 MIN READ
Blog Post
Jonathan_Hill
Super Hero
Hello again!
Here's a quick 'one slide' demo exploring The Importance of Colour Contrast for Accessibility in E-Learning.
It's controlled by a slider, but I have also added fallback controls (up and down keys) and tailored the Focus Order, in the spirit of this week's challenge.
DEMO: http://bit.ly/elhc304
DOWNLOAD: http://bit.ly/elhc304dl
Here's a quick 'one slide' demo exploring The Importance of Colour Contrast for Accessibility in E-Learning.
It's controlled by a slider, but I have also added fallback controls (up and down keys) and tailored the Focus Order, in the spirit of this week's challenge.
DEMO: http://bit.ly/elhc304
DOWNLOAD: http://bit.ly/elhc304dl
Ron_Katz
4 years agoCommunity Member
Great Demo, Johnathan. That was a great way to show good from bad.
How is the ratio calculated?
How is the ratio calculated?
- Jonathan_Hill4 years agoSuper HeroThanks Ron. I used the WebAim Color Contrast checker (others are available!) to obtain the ratios based on the hex code for each text color against the white background.
Then I made individual circular pngs containing these figures and replaced the button on the slider through a series of state changes based on its position.