<ul> and <ol> must only contain <li>, <script>, <template>, or <style> as direct children

adaptable/list-children · WCAG 1.3.1 · Level A

<ul> and <ol> must only contain <li>, <script>, <template>, or <style> as direct children.

Screen readers announce list structure ('list with 5 items') based on proper markup. Placing non-<li> elements directly inside <ul> or <ol> breaks this structure. Wrap content in <li> elements, or if you need wrapper divs for styling, apply styles to <li> elements directly and remove the wrapper (e.g., change <ul><div>item</div></ul> to <ul><li>item</li></ul>).

Scan a page or repo for issues like this · All rules

Introduced in @accesslint/core v0.8.0