Departments - Iola ISD

News & Events - Iola ISD

Careers - Iola ISD

For Families - Iola ISD

Grievance - Iola ISD

Required Postings 2023-2024 - Iola ISD

404 - Page Not Found - Iola ISD

School Board - Iola ISD

Administration - Iola ISD

Menus - Iola ISD

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/).

img-duplicate-alt

June 2024

May 2024

Iola ISD

Title / URL	Issues
Departments - Iola ISDwww.iolaisd.net/departments	11
News & Events - Iola ISDwww.iolaisd.net/news-events	10
Careers - Iola ISDwww.iolaisd.net/careers	2
For Families - Iola ISDwww.iolaisd.net/family	2
Grievance - Iola ISDwww.iolaisd.net/family/grievance	2
Required Postings 2023-2024 - Iola ISDwww.iolaisd.net/required-postings	2
404 - Page Not Found - Iola ISDwww.iolaisd.net/invented-url-for-404-page	2
School Board - Iola ISDwww.iolaisd.net/school-board	2
Administration - Iola ISDwww.iolaisd.net/administration	2
Menus - Iola ISDwww.iolaisd.net/menus	2

Avoid alternative text that is the same as adjacent text

Iola ISD

Where this issue has occurred