incorrect-list

Description

Content marked as a list (using <ul>, <ol>, <li> or other tags and annotations) must correctly function as one. Non-lists shouldn’t be incorrectly marked as lists. Content incorrecly marked as lists can confuse users of screen readers and other assistive tools.

The incorrect-list rule aligns with WCAG Success Criterion 1.3.1 (Info and Relationships), which requires that information, structure, and relationships conveyed through presentation must be programmatically determinable.

Examples

In the following example, a content that is not suited for lists is incorrectly marked as list items.

In the following corrected example, the content is placed inside <p> tags, which is appropriate for this type of content:

How to fix?

To fix violations of the incorrect-list rule, follow these steps:

1. Identify content visually presented as a list.
2. Check whether the content is indeed suitable to be represented as a list. If not, do not present them as lists.
3. Do not have lists with only one item.

Reference

WCAG Success Criterion 1.3.1: Info and Relationships