Inappropriate List Items Check
Description
The “Inappropriate List Items Check” evaluates whether there is any element inside a list container that is not a <li>
element.
Example outcome
I located 1 list that contains elements that are not list items.
Impact
- Visual Impairments: Screen readers may not announce non-
<li>
elements as part of the list, or skip them entirely. - Motor Impairments: Keyboard users might encounter confusing navigation or unexpected tab stops.
- Cognitive Disabilities: Users may be thrown off by inconsistent or unexpected content formatting in lists.
Fixes
To address inappropriate list items:
- Locate the inappropriate list item.
- Replace or wrap the item’s tag with the
<li>
tag.