Blog | Barnardo's

News | Barnardo's

Who we are | Barnardo's

News and blog | Barnardo's

Our policy work | Barnardo's

Work with us | Barnardo's

The Barnardo's Podcast | Barnardo's

Jobs | Barnardo's

First time visit: View without clicking anything

Services | Barnardo's

When an image is the only content of a link, it should specify alternative text, 
via an `alt` attribute. The alternative text should describe the purpose of the link.

Without this, some users will be unable to determine what a link does, for example anyone 
using a screen reader.

To fix this, simply add an `alt` attribute to the image inside the link, e.g.:

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

img-in-link-missing-alt

June 2025

May 2025

Barnardo's

Title / URL	Issues
Blog \| Barnardo'swww.barnardos.org.uk/blog	10
News \| Barnardo'swww.barnardos.org.uk/news	9
Who we are \| Barnardo'swww.barnardos.org.uk/who-we-are	7
News and blog \| Barnardo'swww.barnardos.org.uk/news-and-blog	5
Our policy work \| Barnardo'swww.barnardos.org.uk/our-policy-work	4
Work with us \| Barnardo'swww.barnardos.org.uk/work-with-us	4
The Barnardo's Podcast \| Barnardo'swww.barnardos.org.uk/podcast	3
Jobs \| Barnardo'swww.barnardos.org.uk/jobs-at-barnardos	1
First time visit: View without clicking anythingwww.barnardos.org.uk/	1
Services \| Barnardo'swww.barnardos.org.uk/get-support/services	1

Specify alternative text for images inside links

Barnardo's

Where this issue has occurred