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.
38.4% done
How close this website is to fixing this issue.
HTML | Found on page | Issues |
---|---|---|
<span class="social-sharing__buttons">...</span>
|
29 |