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.
95.2% done
How close this website is to fixing this issue.
| HTML | Found on page | Issues |
|---|---|---|
<div class="nhsuk-back-link app-u-hide-mobile app-side-nav__back nhsuk-u-margin-bottom-4">...</div>
|
4 | |
<h2 class="app-side-nav__heading">...</h2>
|
4 | |
<p>...</p>
|
3 | |
<ul class="nhsuk-u-nested-list">...</ul>
|
2 | |
<p>This standard, which we've developed with NHS England, replaces their former assessment and certification scheme known as the Information Standard, which has now closed. </p>
|
1 | |
<h2>Service manual guidance that will help you meet the standard</h2>
|
1 | |
<ul>...</ul>
|
1 | |
<p>Please let us know how this has worked for you and, in particular, if you have research findings to share. This will help us improve it for everyone.</p>
|
1 | |
<p class="nhsuk-body-s nhsuk-u-secondary-text-color nhsuk-u-margin-top-5 nhsuk-u-margin-bottom-0">Updated: July 2022</p>
|
1 | |
<h2>Developing this standard</h2>
|
1 |
