GoogleChrome / GoogleChrome/lighthouse
List items (<li>) are not contained within <ul> or <ol> parent elements.
Open
bug
P3
- Dominant language
- JavaScript
- Stars
- 30.8k
- Forks
- 9.8k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 20
Description
### FAQ
- [x] Yes, my issue is not about [variability](https://github.com/GoogleChrome/lighthouse/blob/master/docs/variability.md) or [throttling](https://github.com/GoogleChrome/lighthouse/blob/master/docs/throttling.md).
- [X] Yes, my issue is not about a specific accessibility audit (file with [axe-core](https://github.com/dequelabs/axe-core) instead).
### URL
local
### What happened?
I am using aira controls for a part of my clients website.
I am also using `
- ` and `
- ` elements however lighthouse is saying that "List items (`
- `) are not contained within `
- ` or `
- ` parent elements." which they clearly are.
It works fine if I remove the "role="tablist" aria-owns="id1 id2 id3"" however lighthouse then flags up "[role]s are not contained by their required parent element"```
```### What did you expect?
No errors.
### How were you running Lighthouse?
Chrome DevTools
### Lighthouse Version
7.2.0
Contributor guide
Assessment
This issue has not been assessed yet.