Staffordshire Newsroom - Staffordshire County Council Newsroom

Home - Staffordshire County Council

First time visit: View without clicking anything

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:

```html
<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:

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

or to hide the image via `aria-hidden`:

```html
<a href="/apple">
    <img src="apple.png" aria-hidden="true">
    Apple
</a>
```

# Learn more

Read about [Technique H2](https://www.w3.org/TR/WCAG20-TECHS/H2) on how to combine
an adjacent image and texts links. 

See the [WAI Tutorial on decorative images](https://www.w3.org/WAI/tutorials/images/decorative/).

Title / URL	Issues
Staffordshire Newsroom - Staffordshire County Council Newsroomwww.staffordshire.gov.uk/Newsroom/Staffordshire-Newsroom.aspx	11
Home - Staffordshire County Councilwww.staffordshire.gov.uk/Homepage.aspx	6
First time visit: View without clicking anythingwww.staffordshire.gov.uk/Homepage.aspx	6

Avoid alternative text that is the same as adjacent text

Staffordshire County Council

Where this issue has occurred