Blog | Barnardo's

News | Barnardo's

News and blog | Barnardo's

Work with us | Barnardo's

Our policy work | Barnardo's

Volunteer with us | Barnardo's

Donate | 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

February 2025

January 2025

Barnardo's

Title / URL	Issues
Blog \| Barnardo'swww.barnardos.org.uk/blog	10
News \| Barnardo'swww.barnardos.org.uk/news	8
News and blog \| Barnardo'swww.barnardos.org.uk/news-and-blog	6
Work with us \| Barnardo'swww.barnardos.org.uk/work-with-us	4
Our policy work \| Barnardo'swww.barnardos.org.uk/our-policy-work	3
Volunteer with us \| Barnardo'swww.barnardos.org.uk/get-involved/volunteer	1
Donate \| Barnardo'swww.barnardos.org.uk/get-involved/donate	1

Specify alternative text for images inside links

Barnardo's

Where this issue has occurred