# <svg>-elementeillä, joiden rooli on img tai image, on oltava vaihtoehtoinen teksti

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

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

Tietoa välittävällä SVG-kuvalla ei ole tekstivastinetta.

## Mitä tämä sääntö tarkistaa
Varmistaa, että <svg>-elementeillä, joiden rooli on img, image, graphics-document tai graphics-symbol, on saavutettava teksti.

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

## Miten se korjataan
### Millä tahansa sivustolla
1. Lisää merkityksellisiin SVG-kuviin aria-label tai <title> -elementti ja pelkästään koristeellisiin aria-hidden="true".

### Shopifyssa
1. Lisää merkityksellisiin SVG-kuviin aria-label tai <title> -elementti ja pelkästään koristeellisiin aria-hidden="true".

### WooCommercessa ja WordPressissä
1. Lisää merkityksellisiin SVG-kuviin aria-label tai <title> -elementti ja pelkästään koristeellisiin aria-hidden="true".

## Miten korjaus tarkistetaan
- Skannaa kyseiset sivut uudelleen.

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