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

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:

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 #

• Source code for Lists do not contain only <li> elements and script supporting elements (<script> and <template>) audit
• <ul> and <ol> must only directly contain <li>, <script> or <template> elements (Deque University)