Description: There are three types of lists to display information. The lists are:

Ordered List – An ordered list provides information in a numerical order (ex. 1, 2, etc.)
Unordered List - An unordered list is information presented in a bulleted manner, without a defined order
Definition List - A definition list provides a list of terms with corresponding definitions

508 Guidelines: For nested items, the screen reader will inform the user that there is a nested list within a list, read the list group, and then identify the item itself.

<ol>
    <li>Item 1
    	<ol>
    	   <li>Nested Item 2</li>
        </ol>
    </li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

Copy

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

Copy

<dl>
    <dt>First Item</dt>
    <dd>Description of First Item</dd>
                    
    <dt>Second Item</dt>
    <dd>Description of Second Item</dd>
</dl>

Copy

<ul class="list-inline">
    <li>Item One</li>
    <li>Item Two</li>
    <li>Item Three</li>
</ul>

Copy

<ul class="list-block">
    <li>Item One</li>
    <li>Item Two</li>
    <li>Item Three</li>
</ul>

Copy

List

Ordered List

Unordered List

Definition List

Inline List Without Bullets

Bullet-less list with hoverable items