What does this mean?

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.

If you had the following HTML example, some screen readers would report that you have two list items, when you actually have four. This may display properly in your browser for visual users, but the reality is, this not semantic HTML and risks confusing screen reader users.

<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.

See Technique H88 for more information.



97.6% done

How close this website is to fixing this issue.

HTML Found on page Issues
<p>...</p> 9
<p>You’ll need to follow these steps:</p> 1
<p>Additional upgrade fees will apply</p> 1
<p>Esquire</p> 1
<p>Magazines can be read online or offline, through your internet browser, smartphone or tablet</p> 1
<p>Women’s Health</p> 1
<p>All retailers who accept contactless payments will accept Google Pay whether they’re in the UK or overseas. Different transaction limits will apply depending on which country you’re in.</p> 1
<p>It’s easy to remove your debit or credit card. Select the relevant card in Google Pay then select ‘remove card’ at the bottom of the screen. This will remove the card instantly.</p> 1
<p> </p> 1
<p>• Use anti-virus software, update it regularly and accept any updates to the Android OS.</p> 1
91 distinct issues were found in the sample of 125 web pages. Only the first 10 issues are shown here.
More results from Halifax