2 MIN READ
Blog Post
Jonathan_Hill
4 years agoSuper 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
- KatelinJordan-24 years agoCommunity MemberGreat demo! Even those contrasts that 'look' good to the naked eye are often not!
- Ron_Katz4 years agoCommunity MemberGreat Demo, Johnathan. That was a great way to show good from bad.
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.