Trafik og veje

Parker og natur

Odense Byråd

Politik

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
Trafik og vejewww.odense.dk/borger/trafik-og-veje	3
Parker og naturwww.odense.dk/borger/parker-og-natur	1
Odense Byrådwww.odense.dk/politik/odense-byraad	1
Politikwww.odense.dk/politik	1

Avoid alternative text that is the same as adjacent text

Odense Kommune

Where this issue has occurred