Forum Discussion
Turn off Labeled Graphic animation
I'm having an issue with the labeled graphic interactive block. I understand that the animated marker icons are meant to turn on when there is a continue block beneath them. I have no continue block, but 80% of the markers are still animating. Is there a way to turn these off?
Thanks
https://rise.articulate.com/share/SHxSr2l_YRmsQzlPDyDgm-yKhnsL69o8
25 Replies
- JessicaLabbe-4fCommunity Member
I too would love to see this option!
- EllenBussellCommunity Member
Adding my voice to this request. We had an external Accessibility evaluation done and the pulsing for the labeled graphic markers was indicated as a serious issue. In most cases, there are multiple markers so selecting one marker to stop the animation doesn't stop the rest from pulsating and does not meet WCAG accessibility requirements.
Please update us when the pulse animation is removed or the option to opt-out is provided. Thanks
- MandyTaylor-334Community Member
Adding my vote for this option as well for all of the stated reasons.
- anne-mariego501Community Member
Joining in to vote for the removal of pulse markers, they often over lap with other elements of your graphic making it messy and it's not accessibility friendly at all! Not in keeping with my organisations branding. Please enable this to be turned off or better yet make it so you have to turn it on. Default for accessibility shouldn't be an automated uncontrolled animated effect.
Hi Anne-Marie!
Thanks for sharing the feedback on how this feature could benefit you and your learners!
I've included you in the feature report and will update this discussion as soon as we have news to share. If you'd like to stay up to date, you can bookmark our Feature Roadmap.
Have a great day!
- ErinBuckley-6d4Community Member
Adding my vote, AGAIN! This is a very old request. What is the timeframe for implementing? Thanks!
- PhilFossCommunity Member
I made a theme component that will turn off the animation, documented here:
https://theme-360.com/theme-component/remove-pulse-animation-on-labeled-graphic/
I also provide a downloadable XD file that shows all the states of the labeled graphic marker, and you can design your own and test with your images. Note that if you have a very light graphic with a white background, your learners may not see the default pulse animation at all. Did you know there are actually 4 states to a marker?As a side note, I created a labeled graphic that outlines all the vehicles in the ongoing Michelle Troconis trial. Any true crimers here? My custom labeled graphic looks like numbered crime scene markers. A few livestreamers used the graphic in their shows- but nobody realized you can click the markers for detail info- I had removed the pulse animation! So if you are redesigning your markers to match your subject matter, make sure the user knows the markers can be clicked.
Here's a live link to the diagram- it uses the microlearning format with a single labeled graphic https://theme-360.com/rise/dulos/
- SusanOMalley-d5Community Member
Hi Phil,
How I implement your theme component?
- PhilFossCommunity Member
Hi Susan I've got some videos I can link you to. But the basic steps are first to:
- download your web or scorm package, unzip it
- create a new folder called theme alongside the index.html file
- place custom.css file inside the theme folder
- add the link to custom.css in your index.html file
- RobHughes-6f7dfCommunity Member
Thank you to Phil and the others who provided workarounds but between this and a math editor still not being implemented after 6 years, I am starting to think these things will not be updated.
Related Content
- 8 months ago