accessibility error with splide

[o0eason0o]

Hi all:
I used splide to create two sliders in my application, but received some warnings on accessibility when evaluating the page with axe dev tool.

is there a way to overwrite the role so we can remove those warnings?

[NaotoshiFujita]

Use <div> element instead of <ul> and <li>.

[o0eason0o]

Hi NaotoshiFujita, thank you for answering.
in my implementation im already using div elements, the ul and li seems to be created by splide:

<Splide {options}>
    <SplideSlide>
        <div>slide 1 ...</div>
    </SplideSlide>
    <SplideSlide>
        <div>slide 2 </div>
    </SplideSlide>
    <SplideSlide>
        <div>
            slide 3 <b>title</b> |
            <a
                href="google.com"
                tabindex="-1"><b>DETAILS</b></a
            >
        </div>
    </SplideSlide>
</Splide>

the other error i got is this:

which is a two page slider with some html contents, that the second page seems to be showing accessibility error when it's now showing.

kindly let me know if you know how to replace those li with div. any help would be appreciated.

[o0eason0o]

hi @NaotoshiFujita :
as i continue working with splide library, i noticed that each slide is created at least two times in the dom tree using < li > inside of an < ul >. this is an example of an instance with three slides:

in this case, i assume the < ul > and < li > are part of the mechanism of splide and we probably cannot change that due to how splide works, is that correct?

kindly let us know if theres any way we can remove that ul and li if possible. thank you