Blog Post

E-Learning Challenges
2 MIN READ

Share Your E-Learning Accessibility Makeovers #417

DavidAnderson's avatar
DavidAnderson
Staff
2 years ago

Accessibility Makeovers in E-Learning #417: Challenge | Recap

Challenge of the Week

This week, your challenge is to rework a short project to make it more accessible. 

Bonus

First, THANK YOU for writing overviews of your AI-inspired examples last week. Those were super helpful. I included your descriptions in the recap post to help viewers better understand the tools and techniques you used.

To help others understand your approach, please share some insights into your design choices. For example, what features did you use? What challenges did you encounter? 

Resources

Looking for more information on designing accessible e-learning? The following resources are chock full of practical tips for getting started with the accessible features in Storyline 360 and Rise 360.

Webinars

Articles

For even more on accessibility in e-learning, you can find all our best content in this series:

User Guides

Share Your E-Learning Work

  • Comments: Use the comments section below to link your published example and blog post.
  • Forums: Start a new thread and share a link to your published example.
  • Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure.
  • Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

Last Week’s Challenge:

Before you get started on your makeovers, check out the creative ways course designers are using AI to help them build better e-learning:

Using AI in E-Learning RECAP #416: Challenge | Recap

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. 

Next Week’s Challenge & Webinar

  • Next week's challenge #418 (May 26): Motion Graphics and Animated Intros for E-Learning. 

Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:  https://bit.ly/ElearningChallengeForm.

Published 2 years ago
Version 1.0
accessibility
E-Learning Challenge
    • AmaliaGillig's avatar
      AmaliaGillig
      Community Member
      2 years ago
      Hi Daniel! How did you make that "move me" bar? That's actually what I had in mind for my interaction but couldn't quite figure out how to rig it.
    • MartinaDavis-f5's avatar
      MartinaDavis-f5
      Community Member
      2 years ago
      This is an amazing example of an accessible drag and drop. Nice work!
  • RhiannonKnowles's avatar
    RhiannonKnowles
    Community Member
    2 years ago
    Hi everyone! This is my first challenge (& post) - I only discovered eLearning Heroes & started using Articulate this year, so I went for improving upon an existing Rise template.

    https://360.articulate.com/review/content/28f1049e-fbfe-4b94-8561-1ae1fa229dd3/review

    - I changed the headings/subheadings to sentence case (although I've been reading up on this and the literature is conflicting in terms of whether this is more readable/easier to process!).
    - I added timings in the first section for those not able to see the GIF, and enabled the option for users to zoom in on the GIF if they need to.
    - I also added audio for each section – I've noticed some of my favourite websites doing this more and more. :) I tried recording this myself but sadly I live next to a building site right now so my audio was picking that up and I opted for text-to-speech instead. More robotic but still nice to have the easy option to play the audio right there on the page

    Will be checking out the links above as I love learning more about accessibility
  • PhezuluDhlod919's avatar
    PhezuluDhlod919
    Community Member
    2 years ago
    Good day E-Learning heroes,

    This is my first effort at creating a course that is accessible. Its quite a huge challenge. I did a lot of reading on 508 Compliance, A11Y Project, accessibility and many other related resources. In this challenge, l concentrated on this basics. These basics included structuring text accordingly, customizing the SL360 player for accessibility, changing the focus order and changing certain interactions to make them accessible.

    I could have included some form validations but time was constraining and l also did not want to embed my forms as web objects.

    This is a work in progress for me.

    Yvonne Urra-Bazain you constantly inspire me with your accessible alt texts on your LinkedIn posts. Thank you and keep up the good work.

    https://360.articulate.com/review/content/1e7412f0-e9e4-4832-b163-ab64d7ec3e9b/review

  • JillMartine-e47's avatar
    JillMartine-e47
    Community Member
    2 years ago
    I just wanted to share a quick slide that was inspired by Sarah Hodge’s excellent drag and drop template https://community.articulate.com/download/storyline-accessible-drag-and-drop-chat-interaction. I downloaded the template and modified it for our brand and to include 4 choices. In the course, each scenario includes 4 choices, some that are better than others. The learner can click, drag, or use tab/enter to make their selections, and then feedback displays. I’m trying to use the word ‘select’ over ‘click’ to account for various ways to interact. https://360.articulate.com/review/content/20533562-c3c3-42e4-9da6-a39d2877096c/review

    I kept color simple with black text on a white slide background and black on light orange answer choices (checked with WebAIM for color contrast with available colors in our palette). Like many others have said, we’re also trying to make things accessible and engaging, and can always learn and improve on it.
  • JodiSansone's avatar
    JodiSansone
    Community Member
    2 years ago
    3 Video Interaction
    Demo: https://jodisdemos.s3.amazonaws.com/417+Accessibility+Makeover/story.html
    Download can be accessed via the player panel

    I was working on this challenge demo five months ago when I injured my neck/arm. I was unable to use a mouse for 3 months and the whole experience made me more sensitive to those who use keyboard strokes. For this challenge I chose a Content Library slide video interaction and tried to see what I might do differently with it. If you have other thoughts on how to rework this slide, please share them. :) I'm not as skilled on accessibility considerations as I should be.