Honors College

Research and Sponsored Programs (RSP)

University College

Diversity and Inclusion

About The University of Toledo

University of Toledo Alumni

Find Your Major Or Program

Campus Visits

College of Arts and Letters

College of Health and Human Services

Lists (e.g., `<ul>` or `<ol>`) should only contain list items (`<li>`) as a direct descendant 
to ensure that screen readers can accurately report the amount of items contained in the list. 

## Example

In the following example, some screen readers would say this list has two items, instead of 
four: 

```html
<ul>
    <div class="some_class">
        <li>Example 1</li>
    </div>
    <div class="some_other_class">
        <li>Example 2</li>
        <li>Example 3</li>
        <li>Example 4</li>
    </div>
</ul>
```

To fix this, you would need to remove the `<div class="some_class">` and 
`<div class="some_other_class>` elements and ensure only `<li>` list items remain.

## Further reading

The [formal specification for the list element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul)
shows what is and is not permitted inside an `<ul>` and `<ol>`.

See [Technique H88](https://www.w3.org/TR/WCAG20-TECHS/H88.html) for more information.

list-not-following-semantics

December 2024

November 2024

University of Toledo

Title / URL	Issues
Honors Collegewww.utoledo.edu/honors/	6
Research and Sponsored Programs (RSP)www.utoledo.edu/research/rsp/	6
University Collegewww.utoledo.edu/uc/	6
Diversity and Inclusionwww.utoledo.edu/diversity/	6
About The University of Toledowww.utoledo.edu/campus/about/	6
University of Toledo Alumniwww.utoledo.edu/alumni/	6
Find Your Major Or Programwww.utoledo.edu/programs/	6
Campus Visitswww.utoledo.edu/admission/visit/	6
College of Arts and Letterswww.utoledo.edu/al/	6
College of Health and Human Serviceswww.utoledo.edu/hhs/	6

Ensure lists are marked up correctly

University of Toledo

Where this issue has occurred