Splide Grid Accessibility Suggestion: Enhancing Focusable Grid Elements

[mariaozamiz]

Hello!

First, I wanted to take a moment to thank you for your fantastic work on the Splide Grid library!

In a recent project, I've been using Splide Grid to create a collection of clickable logos.

While implementing this, I came across an accessibility challenge with the default HTML structure and element nesting using ul and li. When users navigate with a screen reader, they encounter multiple lists, which doesn't accurately represent the total number of logos visually present. This can lead to confusion for users who rely on assistive technologies. To address this issue in my project, I added custom adjustments using aria-labels, roles, and DOM manipulation.

I wanted to bring this challenge to your attention, as it might be something you'd like to consider when enhancing the library's accessibility features.

Thank you

[Schl0dd1]

Hey, I don't know if my issue might be related to this. I am using the splide js in my svelte project and was now testing it for accessability. My firefox browser keeps telling me that, many elements do not meet the WCAG standard for accessibility with the keyboard. It would be great if you have a look into it <3