EMU Mission, Vision, Values

Diversity, Equity, and Inclusion at EMU

Library

Visiting EMU

Fast Facts

About EMU

Academics

Page Not found

Homecoming and Family Weekend 2025

About the Area

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 2025

November 2025

Eastern Mennonite University

Title / URL	Issues
EMU Mission, Vision, Valuesemu.edu/president/mission	32
Diversity, Equity, and Inclusion at EMUemu.edu/dei/	30
Libraryemu.edu/library/	26
Visiting EMUemu.edu/about/visit	26
Fast Factsemu.edu/about/facts	26
About EMUemu.edu/about/	26
Academicsemu.edu/academics/	24
Page Not foundemu.edu/invented-url-for-404-page	24
Homecoming and Family Weekend 2025emu.edu/homecoming/	22
About the Areaemu.edu/about/area/	18

Ensure lists are marked up correctly

Eastern Mennonite University

Where this issue has occurred