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:

1. Locate the inappropriate list item.
2. Replace or wrap the item’s tag with the <li> tag.

Resources

• WCAG 2.2: Understanding Success Criteria 1.3.1
• WCAG 2.2 Techniques: Technique H48: Using ol, ul and dl for lists or groups of links
• WebAIM: Semantic Structure: Regions, Headings, and Lists