Before-After: Accessibility Makeovers in E-Learning #466
E-Learning Accessibility Makeovers#466: Challenge | Recap Pop quiz: What do you think is the most asked question by course designers in our weekly trainings? Okay, other than "Is this session being recorded?" If you guessed anything aboutaccessibility, you're correct. Anytime we show a feature, demo, or example, one of the first questions is usually about how it meets accessibility guidelines. Ideally, accessibility should be considered right from the start of the course design process. However, many courses, examples, and demos were initially built with more focus on design and interaction than accessibility. That's okay because you can always return and ensure those older projects meet accessibility guidelines. And that's what this week's challenge is all about. 🏆 Challenge of the Week This week, your challenge is to share a before-after example that reworks a short project to make it more accessible. If you’re just getting started with accessibility, start with something simple like making text accessible with alt text or ensuring a color contrast ratio of 4.5:1. You can work on a single slide or multiple slides. If you don't have your own projects, you can use slides from the Content Library or our downloads hub. The goal is to practice making courses more accessible. Inspiration Check out last year's accessibility makeover challenge for examples: Accessibility Makeovers#417:Challenge|Recap 🧰 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 What is Accessible E-Learning? 5 Things You Need to Know About Accessibility How to Create Accessible Courses with Articulate 360 Articles For even more on accessibility in e-learning, you can find all our best content in this series: All About Accessibility User Guides Articulate 360 FAQs: Accessibility How to Test Storyline 360 Content with a Screenreader Storyline 360: How to Design an Accessible Course 🙌 Last Week’s Challenge: Before you get started on your accessibility makeovers, check out the creative ways your fellow course designers reworked classroom activities for e-learning: Converting Classroom Activities to E-Learning#465:Challenge|Recap 👋 New to the E-Learning Challenges? Theweekly e-learning challengesare ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of theprevious challengesanytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in thisQ&A postand why and how to participate in thishelpful article. 📆 Upcoming Challenges Challenge #467(06.28): Using 360° images. Seechallenge #337for examples. Challenge #468(07.05): Drag-and-drop interactions. This will be a general drag-drop challenge, so you can share anything you like.What Should E-Learning Designers Know About Alt Text? #429
Using Alt Text in E-Learning#429: Challenge | Recap On the surface, writing alt text seems simple enough: Add text to on-screen images to verbally describe what's depicted in an image. Easy enough, right? But the more you learn about accessibility guidelines, the more you recognize potential challenges with "getting it right." For example, some terms and concepts that often confuse designers include: Functional vs. decorative images "Image of" or "Picture of" Captions vs. alt text Complex images Changing context of visuals Limited space If you're like most course designers, you're on your own accessibility journey and learning incrementally. One of the best ways to learn something is to teach it to others. This holds true whether you have years of experience or you’re just getting started. Tom calls that a 5-minute expert, and that’s what this week’s challenge is all about. Challenge of the Week This week, your challenge is to share an instructional example to help course designers learn more about alt text. Your example can be static or interactive. You can also consider combining this week’s challenge with an earlier challenge topic. I’ll update both recap posts with your entries this week. Here are some topics that would work for this week’s challenge: Creating Tabs Interactions in E-Learning #401: Challenge | Recap Microlearning in Rise 360 #407: Challenge | Recap Interactive Video in E-Learning #414: Challenge | Recap UsingGlossary Interactions in E-Learning #396: Challenge | Recap Interactive Audio in E-Learning #405: Challenge | Recap Using Accordion Interactions in E-Learning #403: Challenge | Recap Upcoming Webinar Want to learn more about alt text? Check out the webinar Ginger is hosting next week on how to write effective alt text for e-learning. I’ll see if I can also nudge Ginger to reference your examples and include them in her session's resources. How To Write Alt Text for E-Learning More Resources Storyline 360: Adding Alternate Text for Screen Readers Rise 360: How to Add Alternative Text to Images All About Accessibility 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 share your tips on alt text, check out the creative ways course designers use cinemagraphs and looping videos in e-learning: Cinemagraph & Looping Video ExamplesRECAP#428: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. 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.Share Your E-Learning Accessibility Makeovers #417
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 YOUfor 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 What is Accessible E-Learning? 5 Things You Need to Know About Accessibility How to Create Accessible Courses with Articulate 360 Articles For even more on accessibility in e-learning, you can find all our best content in this series: All About Accessibility User Guides Articulate 360 FAQs: Accessibility How to Test Storyline 360 Content with a Screenreader Storyline 360: How to Design an Accessible Course 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-LearningRECAP#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.Give Your E-Learning Course an Accessibility Makeover #353
Accessibility Makeover in E-Learning#353:Challenge|Recap Challenge of the Week This week, your challenge is to rework one or more slides to make them more accessible.To help others understand your approach, please share some insights into your design choices. What features did you use? What challenges did you encounter? Anything you share will benefit other designers. If you don't have existing content, try reworking a series of Content Library slides or grab some templates from the downloads hub. The goal this week is to practice building more accessible courses. Rebuilding E-Learning Courses to be More Accessible This week’s challenge was inspired by Articulate SuperHero Linda Lorenzetti. While trying to learn more about designing accessible interactions, Linda took an existing project she’d made and rebuilt it to make it accessible. Reworking live projects is a fantastic approach to learning more about accessibility and the available features to course designers. You can learn more about Linda’s project and her design process in the following video overview and source file she shared. View the project overview on YouTube |Download the sample project Retrofitting Drag-and-Drop Activities Currently, Storyline's standard drag-drop activities are not accessible. But with a bit of extra work, you can retrofit them to use keyboard navigation. In this example,Jonathanreworked an existing drag-and-drop interaction to offer a keyboard accessible version using click events. View the example|Learn more about the project Resources Looking for more information on designing accessible e-learning? The following resourcesare chock full of practical tips for getting started with the accessible features in Storyline 360 and Rise 360. Webinars What is Accessible E-Learning? 5 Things You Need to Know About Accessibility How to Create Accessible Courses with Articulate 360 Articles For even more on accessibility in e-learning, you can find all our best content in this series: All About Accessibility User Guides Articulate 360 FAQs: Accessibility How to Test Storyline 360 Content with a Screenreader Storyline 360: How to Design an Accessible Course Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own 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 back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you access this week’s challenge, check out the creative ways course designers use timed activities in e-learning: Time-Based InteractionsRECAP#352: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.What Do Course Designers Need to Know About Building Accessible E-Learning? #304
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 variation of the types of accessibility questions we hear daily. For many organizations, creating accessible e-learning is already a business goal and a legal requirement. For others, the concept of accessibility might be new, even if they’ve developed online training for years. What do we mean by accessible e-learning? For e-learning designers, accessibility means the course is designed for all learners—including those with auditory, visual, mobility, or learning disabilities. This means that people with disabilities can still learn the course material as well as all the other learners. What do course designers need to know about building accessible e-learning? That’s what this week’s challenge is all about! Challenge of the Week This week, your challenge is to design a short demo, quiz, or interaction to help course designers learn more about creating accessible courses. Your example can focus on tool-specific features or general considerations when designing accessible e-learning. Here are some topic ideas to get you started: Why accessibility matters Accessibility FAQs Accessibility testing tools Using contrast checkers Section 508 and WCAG 2.0 for e-learning Interactive cheat sheets or job aids Resources Articulate Training Webinars 5 Things You Need to Know About Accessibility Articles and Blog Posts 6 Tips To Help You Build An Accessibility StrategybyMelissa Milloway “But It’s to Code”: Thoughts on Accessibility in E-LearningbyJane Bozarth Accessibility in the NewsbyMicroassist User Guides Articulate 360 FAQs: Accessibility How to Test Storyline 360 Content with a Screenreader Storyline 360: How to Design an Accessible Course Storyline 360: Adding Alternate Text Storyline 360: Importing Closed Captions Storyline 360: Creating Closed Captions Storyline 360: Customizing the Tab Order Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own 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 back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you get started with this week’s challenge, check out the creative ways course designers are using dos and don’ts in e-learning: Dos and Don'ts in E-Learning #303: 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.
