Do not set aria-hidden on elements visible in the viewport

[ghost]

This is an amazing library. Kudos to the devs!

I noticed an accessibility issue in the slider. The issue is that aria-hidden attribute is being set to true for elements which are in the slider view. Please see this reproduction I made: https://codepen.io/geon-halfhelix/pen/YzeEbLj

[neodigm]

Hi. I too have encountered this issue. It's failing Chrome Lighthouse A11y audit.

• Flickity PACKAGED v2.2.2

[aspatino]

Hello,

We're experiencing this issue on a site. Any word on a fix?

[desandro]

Thanks for reporting this issue. Add a 👍 reaction to this issue if you would like to see this feature added.

The challenge is calculating which cells are within the viewport any time a slide is selected.

[mdoxwp]

Am seeing the same issue. Please include/fix in the next build.

[jimrowetpa]

I also have this issue, is there a fix incoming or a workaround anyone is aware of? Thanks.

[adrielklein]

Same here, would love a fix

[mangitmaharjan]

Any solutions?

[neodigm]

Hi. I can imagine a solution using InterSectionObserver. If anyone is interested, I could write a work around patch, or create a PR. Let me know if I can help.

[pirco]

my client is being sued because of ADA non-compliance. this issue is a sticking point. I'm interested @neodigm

[neodigm]

Hi, I've create a patch that should improve the Lighthouse audit results with one or more carousels on the page:

Flick aria-hidden patch

I've tried on a few production sites with good results. Let me know if you've any issues.