Skin Care | Aesop

Sun Care | Facial SPF | Gel & Creams for Face & Body

Gifts for home

Gifts for travel

Treat & Masque | Facial Masks for Skin

All Gifts | Aesop

New & Notable | Aesop

Gift Bundles | Gift Guide | Aesop

Seasonal Gift Kits

Gift Finder | Aesop

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

March 2026

February 2026

Title / URL	Issues
Skin Care \| Aesopwww.aesop.com/skin-care.html	3
Sun Care \| Facial SPF \| Gel & Creams for Face & Bodywww.aesop.com/skin-care/sun-care-spf/	3
Gifts for homewww.aesop.com/gifts/gifts-for-home/	3
Gifts for travelwww.aesop.com/gifts/gifts-for-travel/	3
Treat & Masque \| Facial Masks for Skinwww.aesop.com/skin-care/treat-masque/	3
All Gifts \| Aesopwww.aesop.com/gifts/	3
New & Notable \| Aesopwww.aesop.com/new-notable.html	3
Gift Bundles \| Gift Guide \| Aesopwww.aesop.com/gifts/gift-bundles/	3
Seasonal Gift Kitswww.aesop.com/gifts/seasonal-gift-kits/	3
Gift Finder \| Aesopwww.aesop.com/gift-finder/	3

Ensure lists are marked up correctly

AES

Where this issue has occurred