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.



98.4% done

How close this website is to fixing this issue.

HTML Found on page Issues
<a class="index__item__thumb" href="https://northyorkshire.police.uk/contact/999-or-101/">...</a> 1
<a class="index__item__thumb" href="https://northyorkshire.police.uk/jobs/direct-entry-inspector-programme/">...</a> 1
<a class="index__item__thumb" href="https://northyorkshire.police.uk/contact/emergency-sms-text-service/">...</a> 1
<a class="index__item__thumb" href="https://northyorkshire.police.uk/contact/the-silent-solution-system/">...</a> 1
<a class="index__item__thumb" href="https://northyorkshire.police.uk/jobs/positive-action-2/">...</a> 1
5 distinct issues were found in the sample of 125 web pages.
More results from North Yorkshire Police