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

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

December 2024

November 2024

Barnardo's

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

Specify alternative text for images inside links

Barnardo's

Where this issue has occurred