Accessibility and Marker Animations

Does anyone know whether either the marker pulse or marker swirl would be considered a risk for individuals with seizure disorders? If so, has anyone figured out a different way to draw attention to the markers? I am primarily using them to close layers and just want to be sure that people see them in the first few slides where they occur. 

thanks!

Miriam

11 Replies
Crystal Horn

Hi there, folks! The WCAG guidelines require:

Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds.

Labeled graphic blocks in Rise 360 satisfy this criteria for accessibility. I also found these additional recommendations: https://www.epilepsy.org.uk/info/photosensitive-epilepsy/web-design 

I hope that helps! 

Jeff Momsen

Hi all, 

We are retrofitting a number of Storyline courses, and this is one of the areas we had flagged by an auditor. (the Marker swirling/pulsing)

The auditors' flag had to do with the swirling/pulsing's duration rather than the flash rate.

Even animations that adhere to the less than 3 flashes per second rule, are still a problem under the 5 second duration rule.

From the WCAG guidelines: (bold text mine)

Success Criterion 2.2.2 Pause, Stop, Hideยง

(Level A)

For moving, blinking, scrolling, or auto-updating information, all of the following are true:

Moving, blinking, scrolling

For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and

Jeff Momsen

Thanks Alyssa. 

That was our course of action, yes. To turn off the swirl/pulse completely.

The intent of my post with the Success Criterion 2.2.2 Pause, Stop, Hide information from WCAG was to make sure that all our fellow Storyline authors knew that even though the swirl and pulse satisfy the WCAG criteria that Crystal mentioned:

"Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds."

Unfortunately, the same swirl and pulse animation for the markers fails to satisfy the WCAG criteria:

"...there is a mechanism for the user to pause, stop, or hide it."

 

Jeff Momsen

Hi Lisa,

You are not wrong. As with most things, there are many facets going on at once. The fix was not my main point. but yes, having a fix to allow the animation to turn off at 5 seconds would he nice. Not a game changer, but nice.

As a dyed-in-the-wool educator, my main concern was to provide accurate CURRENT USAGE GUIDANCE.

I was worried that by only bringing up the flash-per-second being ok, that authors would use Marker animations, and then fail an accessibility compliance test because of the 5 second limit.

The entire accessibility topic is important, but also confusing. There is plenty of guidance of what not to do, as well as other lists of how things should function, but nowhere is there a comprehensive collection of how to make that happen.

Oh fun!

Lisa Spirko

Hi Alyssa,

Please check out Jeff's last comment below. Could the VPAT (https://articulate.com/support/article/Storyline-360-Accessibility-Conformance-Report-VPAT) be updated to better reflect under what conditions Storyline courses are compliant?

For example, the row for 2.2.2 Pause, Stop, Hide probably should have a remark/explanation that markers are compliant only if the Animate setting is None.

There are a gazillion other little things like this that course authors need to do correctly in order to meet WCAG standards.

Thanks for considering my suggestion.

Alyssa Gomez

Hi Lisa,

You're spot on -- there are many design decisions and things course authors choose to include in their custom projects to make their content accessible. For example, there is the option to set the Animation to None as you've mentioned, which allows you to create a course that conforms to WCAG criteria 2.2.2.

While we don't have plans to include every design possibility in our VPAT, we do offer guidance on how to design an accessible course in Storyline 360

Testing for accessibility involves using assistive technologies, a variety of devices, and accessibility compliance tests. All of this testing works together to ensure that all content is accessible and meaningful, and the final product will come after iterating through all of these methods.

Jodi M. Sansone

Hi All on this thread.  I found it very helpful.  At the end of the month I am doing a demo at DevLearn at the Articulate User Conference.  One of my demos uses markers (I like the pulse) and David Anderson alerted me to expect some questions on accessibility.  I had not considered the issues with the swirl and pulse.  If you have any other considerations I should be ready for, could you share them?  I am not setting myself up as an accessibility expert, but I want to at least be able to address some pros and cons of using this great feature.  Thanks for posting your comments.