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:

  <li><a href="/about">About us</a></li>
  <li><a href="/contact">Contact us</a></li>


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.

63.3% done

How close this website is to fixing this issue.

HTML Found on page Issues
<div class="inner">...</div> 1
<div class="flex-box stay-flex align-center justify-center three-column bring-to-front">...</div> 1
2 distinct issues were found in the sample of 15 web pages.
More results from Providence College