Blog Post

E-Learning Challenges

2 MIN READ

What Do Course Designers Need to Know About Building Accessible E-Learning? #304

Staff

4 years ago

Designing Accessible E-Learning #304: Challenge | Recap “Why do I keep hearing so much about accessibility?” That question came up in one of my recent training webinars, and it’s just one v...

Published 4 years ago

Version 1.0

accessibility

E-Learning Challenge

DavidAnderson

Staff

Joined October 22, 2010

View Profile

E-Learning Challenges

Join our weekly challenges to try new skills, get inspired, and build your portfolio.

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

Ron_Katz

Community Member

4 years ago

Great Demo, Johnathan. That was a great way to show good from bad.

How is the ratio calculated?

Jonathan_Hill
Super Hero
4 years ago
Thanks 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.