Accessibility - Buttons/Icons/Shapes
Hello, all! Just curious what some of you do to create accessible "buttons" in Storyline. If you use icons as buttons, how do you make sure they are keyboard and screen reader-friendly? For example, do you use a shape or a button and embed an icon? Do you just use an icon but use alt text to describe the "button's" purpose? Do you ever group items and use the group as a "button"? For example, making the individual elements not visible to accessibility tools but making the group visible and creating alt text that matches any text in the group to make the entire area selectable? Or if you were visually grouping elements, would you avoid using an actual group and only make the clickable shape with a trigger visible to accessibility tools while leaving any other elements, such as text, not visible to accessibility tools? Then creating alt text for the shape to replace any "invisible" (to accessibility tools) text? Or maybe you use a shape as an overlay and create appropriate alternative text? Or do you stick with actual buttons for all selectable elements? When exploring and auditing some courses, especially for keyboard and screen reader use, I'm seeing a variety of accessibility issues in this area, and I'm curious what you all tend to do to make "button" elements, or any selectable elements, more accessible. I definitely have my own thoughts, and it can be situational, but I would love to hear from the group about your practices with accessibility and "buttons." Feel free to share any examples you have as well! Not here to judge any answers, just really to gather information and understand why people may use different techniques for this. And if there are any native screen reader users in the group, please feel free to tell us what you've found is best! If you don't have experience with this and have any questions about why this is so important, please feel free to reach out - I am happy to help explain!Audio-Button functions and states within selfbuild WBT menue and options
Hi everyone, currently I am working on a selfbuild WBT menue with own options on buttons (like refresh, fullscreen, turn on/off subtitles, etc.). This also includes a button for un/muting audio. (Screenshot "Menue 1") Until now I tried a lot; made my way through own ideas, tutorials in various forum posts or videos, asked colleagues, tried prompts in Copilot and so on. The thing is, I always get stuck evertime at the same point. Therefore, I am reaching out to you in hope that you can help me out. My setup is the following - first slide in master slide view: I have a button that consists of these elements grouped together: a circular “Ellipse” element, and above it a vector graphic of an ear. This vector graphic has the normal state (regular ear Icon) and the state selected (ear Icon crossed out). (Screenshot Icon states) The Ellipse has also a second state for hovering with a slight shadow around the circle. Then, to make things even a little bit more complicated, when the user can either click this button directly from the side menue. But if they navigate to the "Menue"-Button, the side menue will expand, laid out on another layer (Screenshot "Menue 2 Expanded"). Next to each button is a section reading the function of the button and thanks to a hotspot over each section, it is also clickable. So the button must be functioning and changing it's states in both ways: regular menue and expanded menue - and from the expanded menue as well. Goal; what should be the effects by clicking the Audio button? As soon as the user clicks on the button group, the audio on the slide should be muted and the state of the vector graphic should change: an ear crossed out. When the user clicks this button again, the audio should be unmuted, and the vector graphic should return to its original state (the normal ear). So, the audio should not be stopped and resumed: The audio should be "playing" without sound in the background with continuous timeline. A slide can also contain multiple consecutive audio files that play one after the other. The audio button un/mutes all of them when the user clicks the button. And when the user moves to the next slide, the WBT should remember that the selected function (audio is turned off/on) and show the ear icon accordingly (as crossed out/normal). Point 3 and 4 shall also apply for the audios of videos: So the video-part is still going on while the audio can be muted/unmuted. --> To make it trickier: This should also work for the case when there are audios and videos on one slide. Hay anyone an idea how to solve this riddle and incorporate all the required speficiations? I would be beyond grateful. Thanks in advance Best regardsIt may be April Fools’ Day… but we aren’t joking.
We aren’t joking when we say this community is full of thoughtful, creative, generous practitioners. Every week we see members: • Share clever builds • Offer practical feedback • Ask smart questions • Help someone get unstuck So in that spirit… If we were to crowdsource the “unofficial rules” of great e-learning from this group, what would make the list? 💬 What’s one “rule” you try to follow in your work — or something you’ve learned from another member here that’s made your projects stronger?How to set up spaced learning for e-learning
Hi there! I've read a lot about spaced learning, and I'm all in - but I'm at a loss on how to actually do it. I typically use Rise with some Storyline blocks embedded. I'm hoping to make multiple scenarios and space them out, but I don't know how to actually do this. I'm thinking the learner would be able to do a max of 2-3 per day, then it would be "locked" for 24 hours until they can do more. I don't know how that would be feasible, so I'm open to creating multiple microlearnings where they automatically get assigned the next one 24 hours after completing the previous one. Is this possible with Storyline? Or is this something that needs to be set up using the LMS? (We use Absorb). Thank you!Redesigning Under Constraints: Condensing 8 Hours of Training into a 1-Hour eLearning Module
In most projects, SMEs provide slides, facilitator guides, or at least some documentation. In this case, I received none. The request was to convert a full-day (7–8 hour) onboarding workshop into a 1-hour e-learning course. Instead of materials, I was invited to attend the live session as if I were a new hire. The onboarding itself was highly activity-based (discussions, reflections, group exercises...). As a training workshop, it worked well, but that's exactly what made the conversion harder. The real challenge was this: How do you compress a full day of experiential learning into one interactive hour without simply digitizing the activities? That alone would have been enough to deal with. But then another constraint surfaced. The original workshop had been designed by an external consulting firm. Leadership later raised concerns about copyright and ownership. I was instructed not to replicate or closely resemble any of the original activities, even the ones that had consistently received the best feedback. That meant redesigning everything from first principles. How I decided what to keep from the 8-hour workshop Rather than starting with the activities themselves, I focused on understanding what the workshop was really trying to achieve. Observing the learning intent behind each activity While attending the workshop, I paid close attention to several things: * What the company expected learners to gain from each activity * What learning goals those activities were meant to support * How participants reacted during the session and what feedback they shared After the workshop, I asked the HR what they had observed from employees who previously completed the onboarding? Which behaviors seemed to reflect the intended outcomes, and where they still noticed gaps? One question I specifically asked was: What behaviors or thinking patterns do you expect a new hire to demonstrate after this training? Once I understood what the training was really trying to do, it became much easier to decide what to keep and what to cut. Have you ever had to redesign training under similar constraints? I'd love to hear how you handled it. And if there's interest in the design side of this project, drop a comment. I'm happy to share more.AI Talking Heads: Uncanny Valley Test
AI talking heads are everywhere, but most still fall straight into the Uncanny Valley. When lip-sync drifts or facial movements glitch, the learner stops focusing on the scenario and starts focusing on the AI mistake. I tested Veo 3.1, Kling 3.0, Creatify Aurora, Seedance 1.5, and HeyGen using the same image, script, and workplace scenario. One model clearly stood out as production-ready for realistic eLearning conversations. Watch the tutorial: https://www.youtube.com/watch?v=zroW6I7CGO0&t=317s Try the Storyline live demo: https://www.redesignedminds.com/AvatarGrid/story.htmlPreventing Learners from Forcing Completion/Score via Browser Developer Tools in Storyline 360
Hello Community, I’m an eLearning developer working with Articulate Storyline 360 and SCORM-based LMS tracking. Recently, we discovered that a learner was able to manipulate browser developer tools to artificially mark a course as completed/passed with a high score—without actually attempting the quiz or interacting with the content. I understand that SCORM communication happens client-side, so absolute prevention may not be possible. However, I’d like to learn from the community: What best-practice approaches do you recommend to harden Storyline courses against this type of manipulation? Are there recommended design patterns for gating completion so that it is only issued after legitimate quiz completion? Have you used centralized or conditional commit logic (for example, allowing LMS communication only after passing the final assessment)? Any experience with LMS-side configurations that significantly reduce this risk? Are there known strategies for detecting suspicious behavior (e.g., unrealistically fast completion)? My goal is to reduce risk, raise the technical barrier, and follow industry best practices—even if 100% prevention isn’t feasible. Thanks in advance for any guidance or examples you’re willing to share.
