Product

axe Extension

Product Version

4.116.1

Latest Version

• I have tested the issue with the latest version of the product

Issue Description

The Axe extension is flagging the <li> in something like <ul role="presentation"><li role="tabpanel"></li></ul> with "aria role should be appropriate for the element"
I'm seeing this issue in various sliders that use the Splide library.

I believe that the <li> should be allowed to have a tabpanel role if the parent <ul> does not have the list role according to https://www.w3.org/TR/html-aria/#docconformance.
Please correct me if I'm reading that wrong though.

How to Reproduce

You can reproduce the issue on most any slider using Splide with the pagination dots, such as this demo on their website
https://splidejs.com/guides/themes/

You can just run the extension on a page with <ul role="presentation"><li role="tabpanel"></li></ul> and the error triggers as well.

I also did a quick recording showing the issue: https://www.loom.com/share/55b5278545424d4b86f0060ec3751c32?sid=bdccc6e6-e3fd-4749-aa25-7c89624ff092