List element has direct children that are not allowed inside <ul> or <ol> elements

Rule

Lists MUST be constructed using the appropriate semantic markup

Background

People who can see are able to look at a list and get a sense that it is a list, how large it is, and its structure - whether there are multiple lists, nested lists, etc. People who are blind do not have this ability if the list is not marked with semantic list markup. The only elements that are valid as children of <ul> or <ol> elements are <li>, <script> or <template> elements. Including other elements may cause screen readers convey an incorrect number of list items.

How to Fix

Fix this issue by ensuring that all ordered and unordered lists (defined by ul or ol elements) contain only <li>, <script> or <template> elements as direct children.