List elements (list)

Lists must be created using <ul>, Lists must convey their structure programmatically—either by using semantic list elements (<ul>, <ol>, <dl>) or by applying ARIA list roles (role="list" with role="listitem").


li outside of ul:

In this example <li> element is used for outside of <ul>


  • Item 3

    • The (DOM/programmatic) structure of the list above looks like this:

    <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    </ul>
    <li>Item 3</li>

    Note: Possible to automatically test. This violation can be automatically detected by querying all li elements and checking if li they are properly nested within ul elements.