Screen readers and other assistive technologies require list items (
<li>) to be contained within parent
<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
<ol> parent elements:
How to fix orphaned list items #
Wrap any orphaned
<li> elements inside a
- Source code for List items (
<li>) are not contained within
<ol>parent elements audit
<li>elements must be contained in a