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:
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 #
- 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)