What does this mean?

An <img> element inside a link must not specify alternative text that duplicates the content of a text link inside or beside it.

For example, this code should be avoided:

<a href="/apple">
    <img src="apple.png" alt="Apple">
    Apple
</a>

Accessible technologies will tend to see this as "Apple Apple". The correct behaviour is to specify either a null (empty) alt attribute:

<a href="/apple">
    <img src="apple.png" alt="">
    Apple
</a>

or to hide the image via aria-hidden:

<a href="/apple">
    <img src="apple.png" aria-hidden="true">
    Apple
</a>

Learn more

Read about Technique H2 on how to combine an adjacent image and texts links.

See the WAI Tutorial on decorative images.



0% done

How close this website is to fixing this issue.

HTML Found on page Issues
<a aria-hidden="true" class="navbar-brand" href="/" tabindex="-1">...</a> 125
<a href="/en/news-and-blog/council-s-donation-to-seaton-scouts-get-project-over-finishing-line/">...</a> 1
<a href="/en/news-and-blog/new-waste-and-recycling-policy-agreed-by-allerdale-borough-council/">...</a> 1
<a href="/en/news-and-blog/service-changes-at-allerdale-borough-council-due-to-national-lockdown/">...</a> 1
<a href="/en/news-and-blog/residents-and-visitors-asked-to-stay-local-and-help-cumbria-get-ready-to-reopen-safely-when-the-time-is-right/">...</a> 1
<a href="/en/news-and-blog/workington-multi-storey-car-park-closed-temporarily/">...</a> 1
<a href="/en/news-and-blog/business-in-allerdale-encouraged-to-apply-for-government-covid-19-grants/">...</a> 1
131 distinct issues were found in the sample of 125 web pages.
More results from Allerdale Borough Council