WIP: Nestable slider: Aria issues

Browser: Any
OS: Any

Lighthouse report states that slides in a nested slider have some accessibility issues.

My knowledge of accessibility is not great, so I can’t say how serious this bug is.

Hi,
Thanks so much for your report!

Unfortunately, I cannot reproduce the problem. With the default settings, the nestable slider does not throw a single error in my lighthouse accessibility test. Can you please share a live link?

Best regards,
timmse

Link

On first screen. Slider with car brands

Thanks for the link! Now I can see and reproduce the problem.
The cloned slides are the culprit… we’ll take a look :slight_smile:

1 Like

Hi @Illarion,

Thank you for being so patient,

After further investigation, it turns out that the accessibility issues you mentioned (the focusable descendants in elements with aria-hidden="true" and the invalid ARIA role) are caused by Splide, the library we use for the Nestable Slider element. Unfortunately, both of these issues are outside of our direct control.

We recommend reporting these issues directly to Splide through their GitHub repository: Issues · Splidejs/splide · GitHub. In fact, the second issue regarding the ARIA roles already has an open issue on their tracker: Lighthouse Accessibility warning · Issue #1241 · Splidejs/splide · GitHub.

Thanks again for your understanding.