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.
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 |
|---|---|---|
<a href="https://mjha.org.uk/" class="custom-logo-link" rel="home">...</a>
|
8 |
8
distinct issues were
found in the sample of 8 web pages.