Governance - University of Liverpool

Global Engagement and Partnerships - University of Liverpool

C - A-Z - University of Liverpool

Study - The University of Liverpool

English Language Centre - University of Liverpool

Money advice Money advice - Student Services - University of Liverpool

About - The University of Liverpool

Collaborate with us - Collaborate with us - University of Liverpool

Online programmes - University of Liverpool

Academic departments A-Z - A-Z - University of Liverpool

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 Liverpool

Title / URL	Issues
Governance - University of Liverpoolwww.liverpool.ac.uk/governance/	25
Global Engagement and Partnerships - University of Liverpoolwww.liverpool.ac.uk/internationalisation/	25
C - A-Z - University of Liverpoolwww.liverpool.ac.uk/a-z/c/	25
Study - The University of Liverpoolwww.liverpool.ac.uk/study/	25
English Language Centre - University of Liverpoolwww.liverpool.ac.uk/english-language-centre/	25
Money advice Money advice - Student Services - University of Liverpoolwww.liverpool.ac.uk/studentsupport/money-advice/	25
About - The University of Liverpoolwww.liverpool.ac.uk/about/	25
Collaborate with us - Collaborate with us - University of Liverpoolwww.liverpool.ac.uk/collaborate/	25
Online programmes - University of Liverpoolwww.liverpool.ac.uk/study/online/	25
Academic departments A-Z - A-Z - University of Liverpoolwww.liverpool.ac.uk/a-z/academic/	25

Ensure lists are marked up correctly

University of Liverpool

Where this issue has occurred