Example
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
4 Replies
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!
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.
Loved seeing how you incorporated accessibility into the interaction! Clean graphics, clear instructions, now just need the coffee in front of me.
Thanks everyone - I'll be discussing this design on a live webinar tomorrow. Registration is still open!
https://newleaftech.zohobackstage.com/liftingthehood#/tickets
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.