Arbeta hos oss

Chalmers tekniska högskola

Find master's programme

Anmälan och behörighet

Samarbeta med oss

Möt våra forskare

Chalmers University of Technology

Chalmers årshögtid

Studentstöd

Vi utbildar nya forskare

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 2026

January 2026

Title / URL	Issues
Arbeta hos osswww.chalmers.se/om-chalmers/arbeta-hos-oss/	7
Chalmers tekniska högskolawww.chalmers.se/	1
Find master's programmewww.chalmers.se/en/education/find-masters-programme/	1
Anmälan och behörighetwww.chalmers.se/utbildning/anmalan-och-behorighet/	1
Samarbeta med osswww.chalmers.se/samarbeta-med-oss/	1
Möt våra forskarewww.chalmers.se/forskning/mot-vara-forskare/	1
Chalmers University of Technologywww.chalmers.se/en/	1
Chalmers årshögtidwww.chalmers.se/aktuellt/kalender/chalmers-arshogtid/	1
Studentstödwww.chalmers.se/utbildning/studentstod/	1
Vi utbildar nya forskarewww.chalmers.se/forskning/vi-utbildar-nya-forskare/	1

Ensure lists are marked up correctly

Chalmers tekniska högskola

Where this issue has occurred