Image library | Download centre | Media | Petrofac

Events | Media | Petrofac

Regulatory news | Investors | Petrofac

Stories and opinion | Media | Petrofac

Find a contact | Where we operate | Petrofac

First time visit: View without clicking anything

Where we operate | Petrofac

Early careers | Careers | Petrofac

Social media | Media | Petrofac

Careers FAQ | Petrofac

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

Petrofac

Title / URL	Issues
Image library \| Download centre \| Media \| Petrofacwww.petrofac.com/media/download-centre/images	28
Events \| Media \| Petrofacwww.petrofac.com/media/events	28
Regulatory news \| Investors \| Petrofacwww.petrofac.com/media/regulatory-news	28
Stories and opinion \| Media \| Petrofacwww.petrofac.com/media/stories-and-opinion	28
Find a contact \| Where we operate \| Petrofacwww.petrofac.com/where-we-operate/find-a-contact	28
First time visit: View without clicking anythingwww.petrofac.com/	28
Where we operate \| Petrofacwww.petrofac.com/where-we-operate	28
Early careers \| Careers \| Petrofacwww.petrofac.com/careers/early-careers	28
Social media \| Media \| Petrofacwww.petrofac.com/media/social-media	28
Careers FAQ \| Petrofacwww.petrofac.com/careers/careers-faqs	28

Ensure lists are marked up correctly

Petrofac

Where this issue has occurred