False positive on Splide li's - "aria role should be appropriate for the element"

[mark-c-woodard]

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

[WilcoFiers]

@mark-c-woodard Thank you for reporting. I agree this is a false positive. Axe-core is working off an older version of ARIA in HTML here it seems. The current one has this to say about li roles:

No role other than listitem, which is NOT RECOMMENDED, if the parent list element has an implicit or explicit list role.

Otherwise, any role if the parent list element does not expose an implicit or explicit list role.

Note
See ul, ol, or menu for allowed roles for list elements.

In the example you shared the parent is set to presentation, so any role would be allowed.