Contact Kantar

Kantar's Consulting Practice

Kantar around the world

Avoiding panel fraud

Privacy and cookies notice

Kantar. Shape your brand future.

Innovation and Product Development

About Kantar

Press Centre

First time visit: View without clicking anything

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

Kantar

Title / URL	Issues
Contact Kantarwww.kantar.com/contact	1
Kantar's Consulting Practicewww.kantar.com/solutions/consulting	1
Kantar around the worldwww.kantar.com/locations	1
Avoiding panel fraudwww.kantar.com/avoiding-panel-fraud	1
Privacy and cookies noticewww.kantar.com/cookies-policies	1
Kantar. Shape your brand future.www.kantar.com/	1
Innovation and Product Developmentwww.kantar.com/solutions/innovation	1
About Kantarwww.kantar.com/about	1
Press Centrewww.kantar.com/about/press-centre	1
First time visit: View without clicking anythingwww.kantar.com/	1

Ensure lists are marked up correctly

Kantar

Where this issue has occurred