Honors College

Research and Sponsored programs

University College

Diversity and Inclusion

About The University of Toledo

University of Toledo Alumni

College of Engineering

College of Arts and Letters

Find Your Major Or Program

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

June 2024

May 2024

University of Toledo

Title / URL	Issues
Honors Collegewww.utoledo.edu/honors/	6
Research and Sponsored programswww.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
College of Engineeringwww.utoledo.edu/engineering/	6
College of Arts and Letterswww.utoledo.edu/al/	6
Find Your Major Or Programwww.utoledo.edu/programs/	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