Properly Creating Lists

If you want to add a list of items, it is important to add that content in a list format. There are three different types of lists: ordered lists, unordered lists, and data lists. For someone who cannot see, it is important they are coded as lists instead of using paragraphs or breaks. Below is an example of what a screen reader sounds like when reading a list versus a list in a paragraph.

Transcript of audio file.

This is a bulleted list

• Here is a bulleted list
• Here is another list item

            <ul>
              <li>Here is a bulleted list</li>
              <li>Here is another list item</li>
            </ul>
        

This is an ordered list

1. Here is an ordered list
2. Another list item.

            <ol>
              <li>Here is a bulleted list</li>
              <li>Here is another list item</li>
            </ol>
        

This is a data list

Data List Title

Data List Data

Data List Title 2

Data List Data 2

            <dl>
              <dt>Data List Title</dt>
              <dd>Data List Data</dd>

              <dt>Data List Title 2</dt>
              <dd>Data List Data 2</dd>
            </dl>