Closed captions not appearing
Not sure what happened with the last update, but now closed captions are not appearing on my video. The project is a single slide, video dropped in and the srt file uploaded. when i look at the captions editor all the captions are there, when I preview the file, the first caption appears then nothing after that. This issue started today after the update, didn't have the issue earlier today when i did the exact same process. anyone else seeing this?Solved230Views6likes23CommentsBuild an Accessible Drag and Drop Interaction in Storyline
If you've ever needed to build an accessible course in Storyline, you may know that the built in drag and drop interactions are not accessible (see the VPAT). However, with some extra work it is possible to create your own drag and drop interaction in Storyline that is fully accessible. The issue with drag and drop interactions and accessibility is that people who access the computer using only a keyboard or assistive input device, and no mouse, cannot click-and-drag. So, the interaction must have another option, that works through the use of keyboard inputs (typically, the tab and enter keys). In Storyline triggers, anything that is done "on click" can be mimicked by a keyboard or other input device. To build a keyboard-accessible drag and drop requires building a second set of triggers that function using click-based rather than drag-based interactions. Here is how to build your own keyboard accessible drag and drop interaction in Storyline. Please note that you may include other elements that are not fully accessible. Take a look at theWCAG Guidelines to evaluate other aspects of your course creation This interaction relies on a user-selected submit button. This button needs to be on the slide, as the triggers used are not compatible with the built-in submit button in the Storyline player. Note: It will be easiest to create all layers, elements, and states before creating the triggers. LAYERS NEEDED Base Layer – Most of the triggers will be on the base layer. Correct – A feedback layer for when the user submits the interaction, when all items have been moved to the correct drop location. Incorrect – A feedback layer for when the user submits the interaction, when the interaction is incomplete or some items have been moved to the wrong location on the screen. BASE LAYER Elements Needed Drag items – one or more Drop targets – one or more Submit button – one Drag Item States Normal - The built in state. This does not need to be modified. Selected - Create a “Selected” state. Make sure to edit the selected state to include a visual indicator that the item is selected. An easy way to do this is to add a “glow” shape effect in a color contrasting the object. Drop Correct - Create the “Drop Correct” state. You may want to visually signal that the drop was completed. One way to do this is to darken or desaturate the object in the “drop correct” state. Drop Incorrect - Create the “Drop Incorrect” state. Make this state visually identical to the Drop Correct state. Triggers Submit Button 1. Show layer Correct when user clicks If Drag item 1 state equals Drop correct And Drag item 2 state equals Drop correct … (Continue through the rest of the drag items) 2. Show layer Incorrect when user clicks If Drag item 1 state does not equal Drop correct Or Drag item 2 state does not equal Drop correct … (Continue through the rest of the drag items) Drag Items For each drag item: 1. Change the item’s state to Drop Correct when it is dropped on the right drop target Change state of Drag Item 1 to Drop Correct when user drops Drag Item 1 on Drop Target 1 2. “Deselect” all other drag items when this drag item is selected (Change other drag items’ states to Normal, if they are currently selected) Change state of Drag Item 2 to Normal when user clicks Drag Item 1 If Drag Item 2 state is equal to Selected Change state of Drag Item 3 to Normal when user clicks Drag Item 1 If Drag Item 3 state is equal to Selected … (add this trigger for all other drag items on screen) 3. Change the item’s state to Drop Incorrect when it is dropped the wrong drop target(s) Change state of Drag Item 1 to Drop Incorrect when user drops Drag Item 1 on either Drop Target 2 or Drop Target 3 … (include all incorrect drop targets in the list) Drop Targets For each drop target: 1. Move the selected Drag Item along a motion path to the Drop Target when the user selects the drop target. NOTE: The move triggers MUST be before the state change triggers in the list Move Drag Item 1 on Motion Path* when the user clicks Drop Target 1 If Drag Item 1 state is equal to Selected * For the motion path, create a line motion path with start and end points in the center of the drop target. This will move the object to the correct location without showing movement on screen. Make sure to go into the path options and select “locked” for origin. This will ensure that no matter where on the slide the object starts from, it will move to the correct position with the trigger. Name the motion path something descriptive so you can identify it in the trigger list (ex: Drag 1 to Drop 1 Path). NOTE: When you create a motion path, Storyline automatically adds a trigger to the object to follow the motion path when the slide timeline starts. Make sure to go in and remove all of these triggers. … Make this trigger for all drag items on the slide. 2. Change the state of the corresponding Drag Item to Drop Correct, if the Drag Item is selected Change State of Drag Item 1 to Drop Correct when the user clicks Drop Item 1 if Drag Item 1 state is equal to Selected 3. Change state of the selected drag item to Drop Incorrect for all drag items that do not match with this drop target Change State of Drag Item 2 to Drop Incorrect when the user clicks Drop Item 1 if Drag Item 2 state is equal to Selected … Make this trigger for all remaining drag objects on the slide. CORRECT LAYER Elements Text box(es) Continue button Triggers Continue button Jump to next slide INCORRECT LAYER Elements Text box(es) Try Again button Triggers Try Again button Jump to slide (current slide) – this restarts the interaction on the slide base layer NOTE: Make sure the slide is set to “Reset to initial state” for the “when revisiting” selection in the slide properties. And there you have it! It looks like a lot, but once you've done it a time or two you can get the hang of it. Below is an example .story file of this interaction. It uses the same names as the instructions above so you can see how this all looks in a project.199Views0likes94CommentsArticulate Storyline + JAWS + Slide Title + "F"
Our 508 reviewers have indicated that a slide title which is set up in a master slide, is reading the title followed by "F". For example, "This is the slide title - F." This does not happen in every instance of a slide using this master. It does not happen on other slide masters. Has anyone experienced a similar issue and, if so, what is the fix? Thank you!198Views0likes3CommentsUseful Tools and Resources
Hi everyone, I'd like to share some accessibility (a11y) resources. I hope these will be helpful in making your content more inclusive and accessible to everyone. Whether you're new to accessibility or looking to deepen your understanding, these resources provide valuable insights, and best practices to ensure your work is accessible to all users, regardless of their abilities. Thanks. Understood: Understood is the leading nonprofit empowering the 70 million people with learning and thinking differences in the United States. https://www.understood.org/ Funkify: A disability simulator that helps you experience the web and interfaces through the eyes of extreme users. https://www.funkify.org/ Accessible Numbers: Presenting numbers and data clearly. https://accessiblenumbers.com/ Neurodiversity Design System: A set of standards and principles that combine neurodiversity and UX design for Learning Management Systems. https://neurodiversity.design/ WhoCanUse: A tool that brings attention and understanding to how colour contrast can affect people with different visual impairments. https://www.whocanuse.com/ Viz Palette: Colors in action. https://projects.susielu.com/viz-palette150Views18likes3CommentsHow Articulate Uses a Prioritization Framework to Drive Accessibility Maturity
Articulate is one of the world’s leading course creator platforms for workplace learning. In this special webinar, a trio of experts from Articulate will share their methods for streamlining their digital accessibility practice, improving their products, and making a major impact on customers. At the heart of their approach is their accessibility maturity model and prioritization framework. Join Simon Taghioff (Senior Product Manager), Leslie McKerchie (Accessibility Program Manager), and Robert Pearce (Senior Software Engineer II) to get an inside look at how Articulate’s accessibility team implemented a maturity model and prioritization framework to build a sustainable accessibility practice and drive growth. Join the webinar to learn how to: raise your organization’s digital accessibility maturity level develop a framework to prioritize issues and development resources measure the impact of a model on customer happiness and revenue and more! Register Here128Views0likes0CommentsIntroduction
Welcome to our Accessibility Group! We're excited to have you join this collaborative space, where you can find inspiration and connect with like-minded individuals. We're all human and learning on this accessibility journey. Use this group to ask questions, share ideas, support each other, and learn about the latest guidelines and laws. Together, we'll grow in accessibility maturity and create a supportive community through this safe and inclusive space.102Views10likes7CommentsQuestion accessibility
Hello, I have a question regarding the accessibility of modules, specifically about handling questions. I'm working on the focus order, and I noticed that the focus order of a slide also includes the elements of the feedback layers (see screenshot, sorry it is in french^^ but you'll get it). Does this mean that a learner using a keyboard or screen reader will encounter the positive and negative feedbacks before even answering the question? How do you handle such cases? What are your recommendations? Thank you!97Views1like9CommentsClosed Captions Only Displaying on First Line of Video
I'm experiencing an issue with the closed captions on my Storyline 360 imported videos. The captions only appear on the first line of the video and then disappear for the rest of the playback. This is happening even when I manually type the captions or try importing .srt or .vtt caption files. I recently updated Storyline 360 on August 27th, and this issue started occurring after that update. Has anyone else experienced this problem? I've tried troubleshooting it but can't seem to find a solution. Any advice or insights would be greatly appreciated. I'm hoping this is just a temporary bug that will get resolved in a future update, but in the meantime, I'm struggling to get my videos properly captioned. Thank you in advance for your help!90Views2likes4CommentsCreating alt text for complex images easier
Hey folks, I'm really glad to see this new accessibility Group on E-Learning heroes. Right now in my own line of work, I'm pushing for really accessible courses and it's quite crazy how trainers are missing fundamental things such as alternative text on images. Which I would end up having to do to ensure a project gets done in time. Anyway, I made a video tutorial very recently on how you can speed up creating alternative text for graphics using Microsoft Copilot. It can also be done with other tools such as ChatGPT. I hope it helps and more importantly, gets more people to make sure that all their graphics have alternative descriptions. Enhancing Accessibility in Instructional Design with Microsoft Copilot77Views9likes4CommentsAccessibility: Frameworks, Prioritization, and Maturity
Join Articulate for this free webinar with Deque on September 26, 2024. How Articulate Uses a Prioritization Framework to Drive Accessibility Maturity I'd love to hear about the processes your organization is using for accessibility maturity.74Views3likes0Comments