<ul> and <ol> must only directly contain <li>, <script> or <template> elements

Serious

What is the problem?

The "list" accessibility rule ensures that lists are structured correctly using appropriate HTML elements.

Impacted Groups

Blind
Deafblind

Why is this important?

People who use screen readers rely on clear list structure to quickly understand the content. If lists are not structured correctly, screen readers may struggle to interpret the information, making it harder for users to find what they need.

How to solve this issue

To fix this, use the right HTML elements for lists: <ul> for unordered lists and <ol> for ordered lists. Each list item should be wrapped in a <li> tag. This helps screen readers understand the list's hierarchy and make it easier for users to navigate.

Rule Information

Rule ID

list

Severity

Serious

Manual Review Required

No

Rule Group

WCAG 2.0 Level A & AA Rules

Guidelines

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • EN 301 549

Customise Guidance

You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.

Enable your website editors to resolve issues quickly with SiteAlly.

Ready to make your website accessible?

SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.