Skip to content
Learn Measure Blog Case studies About
On this page
  • How this Lighthouse audit fails
  • How to fix orphaned list items
  • Resources

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

May 2, 2019 — Updated Mar 20, 2020
Appears in: Accessibility audits
On this page
  • How this Lighthouse audit fails
  • How to fix orphaned list items
  • Resources

Screen readers and other assistive technologies require list items (<li>) to be contained within parent <ul> or <ol> to be announced properly.

When assistive technologies come to a list, they notify users how many items are within the list. If you don't wrap list items in a parent list element, assistive technologies can't set user expectations correctly.

How this Lighthouse audit fails #

Lighthouse flags list items (<li>) that aren't contained in <ul> or <ol> parent elements:

Lighthouse audit showing list item isn't contained within a parent list
The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.

How to fix orphaned list items #

Wrap any orphaned <li> elements inside a <ul> or <ol> element.

Resources #

  • Source code for List items (<li>) are not contained within <ul> or <ol> parent elements audit
  • <li> elements must be contained in a <ul> or <ol> (Deque University)
Last updated: Mar 20, 2020 — Improve article
Return to all articles
Share
subscribe

Contribute

  • File a bug
  • View source

Related content

  • developer.chrome.com
  • Chrome updates
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Connect

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • All products
  • Terms & Privacy
  • Community Guidelines

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.