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.81Views0likes51Comments13 Examples of Accessibility Makeovers in E-Learning #466
E-Learning Accessibility Makeovers RECAP #466: Challenge | Recap This week’s challenge asked course designers to show how they update e-learning projects to meet accessibility guidelines. Jonathan Hill Example | Jonathan Hill | Website | @DevByPowerPoint Jodi M. Sansone Example | Download | Jodi M. Sansone | Website | @jodimsansone Thierry EMMANUEL Example | Thierry EMMANUEL | Website Jesse Wu Example | Jesse Wu | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Jared Speight Example | Jared Speight Jayashree Ravi Example | Jayashree Ravi | LinkedIn Angela Thomas Example | Angela Thomas Ron Katz Examples: Before and After | Ron Katz | Website Ashi (Neha) Tandon Examples: Before and After | Ashi (Neha) Tandon | Website | @ashi_tandon Chloe Okura Examples: Before and After | Chloe Okura | LinkedIn Kate Golomshtok Examples: Before and After | Kate Golomshtok | Website Ange CM Example | Ange CM New to the E-Learning Challenges? The weekly 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. If you have a blog, please write about your challenge example. I'll add links to your blog post so your examples get even more exposure. And for those who share your demos on Twitter or LinkedIn, please include #ELHChallenge so your network (and Articulate!) can track your e-learning coolness. Share Your Accessibility Makeover E-Learning Examples! The 2024 accessibility makeover challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.55Views0likes0CommentsWhat 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.5Views0likes43CommentsShare 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.35Views0likes43CommentsGive 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.68Views0likes44CommentsWhat 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.16Views0likes74Comments11 Accessibility Makeover Examples from E-Learning Designers #353
Accessibility Makeover Examples RECAP #353: Challenge|Recap This week’s challenge asked course designers to rework an existing project to make it more accessible. Areas of focus included: Color contrast ratios. Alt text for images. Focus order for keyboard navigation. Giving learners more control over their learning. Thanks to everyone who shared a demo, download, or feedback this week. Your examples and makeover tips will significantly help other course designers. Deirdre O'Reilly Example | Deirdre O'Reilly Milton Knopp Example| Milton Knopp Jonathan Hill Example | Download | Learn more | Jonathan Hill | Website | @DevByPowerPoint Ron Katz Example | Ron Katz | Website Yvonne Urra-Bazain Example | Original | Yvonne Urra-Bazain | Website Alicia de Billy Example | Original | Style guide | Alicia de Billy Eric Kowalik Example | Learn more | Eric Kowalik Cathy Edwards Example| Learn more & download| Cathy Edwards Jodi Sansone Example | Jodi Sansone | Website | @jodimsansone Hilla Schlegel Example | Hilla Schlegel Kimberly Fields, CPACC Example| Kimberly Fields | Website New to the E-Learning Challenges? The weekly 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. 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. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your Accessibility Makeover Examples! The accessibility makeover challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.4Views0likes0Comments21 Interactive Tips and Examples for Designing Accessible E-Learning #304
Designing Accessible E-Learning RECAP #304: Challenge|Recap This week’s challenge asked course designers to design a short demo, quiz, or interaction to help course designers learn more about creating accessible courses. Examples shared include interactive contrast checkers, universal design tips, navigation ideas for screen readers, and much more! Joel Colley Example| Joel Colley Ivett Csordas Example| Ivett Csordas Laura Coulter Example| Laura Coulter Sara Wildman Example| Sara Wildman David Gonzalez Example| David Gonzalez | Website Samuel Apata Example | Samuel Apata | Website | @afrostem Berly Fields Example | Kimberly Fields | Website Jonathan Hill Example | Discussion | Jonathan Hill | Website | @DevByPowerPoint Example | Download | Jonathan Hill | Website | @DevByPowerPoint Amos Glenn Example | Download | Amos Glenn | Website Kimberly Eng Example | Kimberly Eng | Website Jonathan Hill Example | Download | Jonathan Hill | Website | @DevByPowerPoint Jodi Sansone Example | Jodi Sansone | @jodimsansone Nancy Woinoski Example | Nancy Woinoski | Website Aman Vohra Example | Video Overview | Aman Vohra | Website Eric Chamberlin Example | Eric Chamberlin Carmen Bernadou Example | Carmen Bernadou | Website | @CarBernadou Joyce Maurin Example | Joyce Maurin New to the E-Learning Challenges? The weekly 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. 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. If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness. Share Your E-Learning Accessibility Tips & Examples! The e-learning accessibility challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.2Views0likes0Comments