Example

Jonathan_Hill's avatar
Jonathan_Hill
Super Hero
18 days ago

The best weigh to make an espresso

Hello!

I like to mimic real-life machinery, dials, switches, and buttons in eLearning where it's appropriate. Sometimes learning by doing can be very literal. But these features can also impact accessibility.

In this week's coffee-themed demo, I have ensured the drag and drop, slider and dial interactions are also accessible from the keyboard.


All of the vectors in this week's demo were 'handmade' in PowerPoint and Storyline using the 'merge shapes' feature. 

Most of my time was spent making sure the interactions perform as intended when the keyboard is used instead of a mouse. But I'm pretty pleased with the overall effect.

What do you think?

PLAY HERE

2 Replies

  • Definitely going to have to rename my machine as the dewronghi! Love this interaction, and appreciate all of the time put into making it keyboard accessible, it works really well. 

  • Amazing! Love the simple, clean graphics that don't take away from the task. The instructions were clear and easy to follow and including the keyboard options was perfect!

Getting Started with the E-Learning Challenges

Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.