Accesibility / tabbing issue

[mdaintondcc]

Hi

I've been testing one of our sites for acccessibility and in particular how screen readers or people using a keyboard navigate. An issue that came up was that if someone tabbed to an element or link that wasn't immediately visible, the browser or screen reader would skip straight past it and on to the next visible element or link.

Looking at the .js code I noticed that you are using a default state of 'visibility:hidden' and then once the element comes in to view this changes to 'visibility:visible'. The problem with this is a browser or screen reader doesn't see that element until it has animated in and will skip past it (especially if you are tabbing quickly). However if you use 'opacity' the element is seen and you can tab to it even if not immediately in view.

I made a slight edit to my version of your code and it seems to work just as well now.

Line 370.
Changed = box.style.visibility = hidden ? 'hidden' : 'visible';
To = box.style.opacity = hidden ? '0' : '1';

Is this something you might consider updating? Would rather not fork your code;)

Cheers

[lindsayweb]

Same problem. I have clients who are legally required to have accessible web sites, so I recently switched them all over to a different animate-on-scroll library that uses opacity. Would be great if WOW would consider this update.

[TrejoCode]

Same problem. I have clients who are legally required to have accessible web sites, so I recently switched them all over to a different animate-on-scroll library that uses opacity. Would be great if WOW would consider this update.

Hi, wich library use instead?

[lindsayweb]

Same problem. I have clients who are legally required to have accessible web sites, so I recently switched them all over to a different animate-on-scroll library that uses opacity. Would be great if WOW would consider this update.

Hi, wich library use instead?

I used AOS: https://michalsnik.github.io/aos/