# [role="img"]- ja [role="image"]-elementeillä on oltava vaihtoehtoinen teksti

<https://www.fixreports.com/fi/issues/role-img-alt>

WCAG 1.1.1 Ei-tekstuaalinen sisältö · Taso A

Kuvana esitetyllä elementillä ei ole tekstivastinetta.

## Mitä tämä sääntö tarkistaa
Varmistaa, että [role="img"]- ja [role="image"]-elementeillä on vaihtoehtoinen teksti.

## Miksi sillä on merkitystä
WCAG 1.1.1 edellyttää merkityksellisille kuville tekstivastinetta.

## Miten se korjataan
### Millä tahansa sivustolla
1. Lisää elementtiin aria-label tai poista role="img", jos elementti on koristeellinen.

### Shopifyssa
1. Lisää elementtiin aria-label tai poista role="img", jos elementti on koristeellinen.

### WooCommercessa ja WordPressissä
1. Lisää elementtiin aria-label tai poista role="img", jos elementti on koristeellinen.

## Miten korjaus tarkistetaan
- Skannaa kyseiset sivut uudelleen.

## Lähteet
- axe-core-säännön dokumentaatio (Deque): https://dequeuniversity.com/rules/axe/4.13/role-img-alt
- Understanding WCAG 1.1.1: kriteerin selitys (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content