What does this mean?
Lists of related links should be written semantically as a
list, e.g. using the <ul> or <ol> tags.
This allows assistive technologies to more easily navigate from item to item, or past entire groups of links if the user wants to. For example, this navigation:
<a href="/about">About us</a> <a href="/contact">Contact us</a>Should be rewritten as a list:
<ul>
<li><a href="/about">About us</a></li>
<li><a href="/contact">Contact us</a></li>
</ul>Justification
Users of assistive technologies, like screen readers, can skip an entire list in one step. In some cases, they can even search inside a list.
These aids are not available where links are written outside of a list. Failing to use lists correctly can force users to have to step through hundreds of links one at a time.
More information
See Technique H48 for details.
92.8% done
How close this website is to fixing this issue.
This issue is quite technical.
To understand what is going on, you may need some familiarity with
HTML,
the language used to create web pages. Ask a web developer if you need help.
| HTML | Found on page | Issues |
|---|---|---|
<p style="text-align: center;">...</p>
|
1 | |
<div class="buttonTextWrapper" style="float: none; margin-bottom: -15px;">...</div>
|
1 | |
<div class="listby-alphabet">...</div>
|
1 |
3
distinct issues were
found in the sample of 125 web pages.