Lists / Group Ordered

ClickUp Ticket

WCAG Description of Component

The ordered list consists of one <ol> element and multiple list item (<li>) elements:

Reference link

Accepted Attributes on the <ol> tag

• reversed=""
  This Boolean attribute specifies that the list’s items are in reverse order. Items will be numbered from high to low.
• start=""
  An integer to start counting from for the list items. Always an Arabic numeral (1, 2, 3, etc.), even when the numbering type is letters or Roman numerals. For example, to start numbering elements from the letter "d" or the Roman numeral "iv," use start="4".
• type=""
  • Sets the numbering type:
    • a for lowercase letters
    • A for uppercase letters
    • i for lowercase Roman numerals
    • I for uppercase Roman numerals
    • 1 for numbers (default)
  • The specified type is used for the entire list unless a different type attribute is used on an enclosed <li> element.

Note

Details about number order. In ordered lists, it is not possible to continue list numbering automatically from a previous list or to hide numbering of some list items. However, authors can reset the number of a list item by setting its value attribute. Numbering continues from the new value for subsequent list items.

Reference Links

• W3 link
• Type reference link
• List element reference link
• Ordered list element reference link

Component Example

1. List Item
2. List Item
3. List Item
4. List Item
   1. List Item
   2. List Item
   3. List Item
5. List Item
6. List Item

Code Snippets

HTML

                
<ol>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item
        <ol>
            <li>List Item</li>
            <li>List Item</li>
            <li>List Item</li>
        </ol>
    </li>
    <li>List Item</li>
    <li>List Item</li>
</ol>
                
            

History Tracking

1. Code orginally created by Kelly; Approved by Steen on Nov 24,2023