Higher Learning Commission

A to Z List

University College

Diversity and Inclusion

University of Toledo Alumni

Honors College

College of Arts and Letters

The University of Toledo Campus Life

Incident Report

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

February 2025

January 2025

University of Toledo

Title / URL	Issues
Higher Learning Commissionwww.utoledo.edu/hlc/	6
A to Z Listwww.utoledo.edu/invented-url-for-404-page	6
University Collegewww.utoledo.edu/uc/	6
Diversity and Inclusionwww.utoledo.edu/diversity/	6
University of Toledo Alumniwww.utoledo.edu/alumni/	6
Honors Collegewww.utoledo.edu/honors/	6
College of Arts and Letterswww.utoledo.edu/al/	6
The University of Toledo Campus Lifewww.utoledo.edu/campus/	6
Incident Reportwww.utoledo.edu/report/	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