GoogleChrome / GoogleChrome/lighthouse

List items (<li>) are not contained within <ul> or <ol> parent elements.

Open
#12,761 4 comments 0 reactions 1 assignee Claimed by @connorjclark View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.