Uses ARIA roles on incompatible elements

[screaming-snake-case]

Checks

• Not a duplicate.
• Not a question, feature request, or anything other than a bug report directly related to Vue Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

0.6.0

Description

Lighthouse Accessibility gives the following warning on
Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. Learn more about ARIA roles.

This happens because the role tabpanel is not allowed on a li element.

Also mentioned in the accessibility of splidejs guide itself here.

the ul in SplideTrack and li in SplideSlide should be replaced with a div.

Reproduction Link

No response

Steps to Reproduce

1. build a basic splidejs slider
2. run lighthouse Accessibility.
3. Under aria it reports the warning.

Expected Behaviour

Lighthouse should not give back a warning on the rendered splide elements.