Learn Measure Blog About

Lists do not contain only <li> elements and script supporting elements (<script> and <template>)

Updated

Screen readers and other assistive technologies depend on lists being structured properly to keep users informed of content within the lists. The only content lists should contain should be within <li> elements. They can also contain script supporting elements (<script> and <template>).

How this Lighthouse audit fails

Lighthouse flags lists that contain content elements that shouldn't be in a list:

Lighthouse audit showing lists contain content elements that shouldn't be within the lists

The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.

How to create correctly structured lists

Remove any elements in lists that don't belong there. Ordered and unordered lists must only contain <li>, <script> or <template> elements.

Valid lists must have parent elements (<ul> or <ol> elements) and child elements (<li> elements). Any other content elements are invalid.

Resources

Last updated: Improve article