# Prvky <svg> s rolí img nebo image musí mít alternativní text

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

WCAG 1.1.1 Non-text Content · úroveň A

Obrázek SVG, který nese informaci, nemá textovou alternativu.

## Co toto pravidlo kontroluje
Ověřuje, že prvky <svg> s rolí img, image, graphics-document nebo graphics-symbol mají přístupný text.

## Proč na tom záleží
WCAG 1.1.1 vyžaduje textovou alternativu u obrázků, které nesou význam.

## Jak to opravit
### Na jakémkoli webu
1. K obrázkům SVG, které nesou význam, přidejte aria-label nebo prvek <title>, k čistě dekorativním aria-hidden="true".

### V Shopify
1. K obrázkům SVG, které nesou význam, přidejte aria-label nebo prvek <title>, k čistě dekorativním aria-hidden="true".

### Ve WooCommerce a WordPressu
1. K obrázkům SVG, které nesou význam, přidejte aria-label nebo prvek <title>, k čistě dekorativním aria-hidden="true".

## Jak opravu ověřit
- Znovu otestujte dotčené stránky.

## Zdroje
- Dokumentace pravidla axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- Vysvětlení kritéria WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content