SVG Screen Reading

Jul 05, 2023

How do I stop Articulate Storyline from reading out every bit of graphic/text in a SVG? 
It is auto reading them out, even when accessibility turned off and not in focus order? 

2 Replies
Jose Tansengco

Hello Nicole, 

Happy to help!

For your SVG images, have you tried disabling the 'Object is visible to accessibility tools' option and removing any alternative text in the accessibility settings (Right-click on image -> Accessibility)? 

If you've already made these changes to your image files, would you be willing to share a copy of your project file here or in private by opening a support case so we can take a closer look at what's happening? We'll delete it when we're done testing!

Heather Durham

You have to make sure to catch all of the svg coordinates and set each to null alt text. This is how I fixed it. If you publish the file to Review 360, then use DevTools in Chrome, you can search for "freeform" in the elements pane. Once you find all of the places in the svg that show up as "Freeform", you can go back to the Storyline file, zoom into the graphic and pick the little parts that aren't hidden. Then, you set those to null alt text in the "Size and Position" > "Accessibility" dialog. These don't show up in Focus Order and sometimes you have to do this with "States" enabled on the object. It's picky work, but does solve the problem.

Another option is to flatten the graphic to a .png or .jpg before you use it.