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:
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