EHS - SUNY Canton

Forms - SUNY Canton

Admitted Student Day - SUNY Canton

Faculty - SUNY Canton

Academics - SUNY Canton

Provost - SUNY Canton

Human Resources - SUNY Canton

Admissions - SUNY Canton

SUNY Canton

Registrar - SUNY Canton

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

Canton State University of New York

Title / URL	Issues
EHS - SUNY Cantonwww.canton.edu/ehs/	30
Forms - SUNY Cantonwww.canton.edu/forms/	30
Admitted Student Day - SUNY Cantonwww.canton.edu/admitted/	30
Faculty - SUNY Cantonwww.canton.edu/faculty/	30
Academics - SUNY Cantonwww.canton.edu/academics/	30
Provost - SUNY Cantonwww.canton.edu/provost/	30
Human Resources - SUNY Cantonwww.canton.edu/hr/	30
Admissions - SUNY Cantonwww.canton.edu/admissions/	30
SUNY Cantoncanton.edu/	30
Registrar - SUNY Cantonwww.canton.edu/registrar/	30

Ensure lists are marked up correctly

Canton State University of New York

Where this issue has occurred