• Resolved the9mm

    (@the9mm)


    Hello,

    Your plugin works great, however, we ran into a pretty significant issue. Blocks with animations attached to them are not accessible at all to screen reader users. We had a screen reader user test the page and they could not see any of the “moving” content. Usually what doesn’t work for screen readers also doesn’t work for search indexing bots. Is there a workaround for this?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Hardeep Asrani

    (@hardeepasrani)

    Hey @the9mm,

    Thanks for contacting us. Search indexing bots won’t be much affected as they don’t render JS/CSS but the content should work just fine. The content is there, it’s just visible at first on browsers.

    Second, our animations support the reduced motions settings which is what people with accessibility normally use (and should use) on their devices: https://a11y-101.com/development/reduced-motion

    If someone has reduced-motions settings turned on their device, the animations will stop for them.

    Let us know your thoughts. ??

    Thread Starter the9mm

    (@the9mm)

    Hi Hardeep,

    Thanks for the information. The person testing it was using JAWS: https://www.freedomscientific.com/products/software/jaws/ and I do not believe this is a setting within screen reader technology (I don’t believe people who use screen readers are using modern browsers like Chrome or Safari, with exception to those using VoiceOver on Mac) but I will check with the user to see if there is any setting like this.

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    @the9mm

    Hey,

    Usually, the settings can be found within the accessibility settings of the device. It’s available in Settings > Accessibility > Display in Mac. And in Settings > Ease of Access > Display > Show animations in Windows. I suppose it must be similar for Android/iOS/Linux.

    I hope this helps!

    Thread Starter the9mm

    (@the9mm)

    Thanks. I will check with the user to see if that helps.

    The only caveat here is that the person needs to know this setting exists in order to utilize it. This skilled screen reader user does not, so I don’t imagine most average screen reader users would know where this setting is, and to toggle it.

    Plugin Author Hardeep Asrani

    (@hardeepasrani)

    @the9mm That I completely agree with as even we didn’t know this existed until we started to work on this plugin. But unfortunately, that bit is not under our control.

    We will do more research and see if there’s a way to make this more friendly for people using assistive technologies, ie, add some screen-reader-only announcement to inform them of this option if that is possible, and hopefully, also get an a11y-audit done on our products to know how we can improve them to be more user-friendly.

    Thank you for the feedback and your concern for your users using screen-readers. It’s a reminder to me to think more about it when building tools for people on the internet!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Animations make content inaccessible to screen reader users’ is closed to new replies.