# Prvky [role="img"] a [role="image"] musí mít alternativní text

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

WCAG 1.1.1 Non-text Content · úroveň A

Prvek prezentovaný jako obrázek nemá textovou alternativu.

## Co toto pravidlo kontroluje
Ověřuje, že prvky [role="img"] a [role="image"] mají alternativní 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. Přidejte k prvku aria-label, nebo odstraňte role="img", pokud je dekorativní.

### V Shopify
1. Přidejte k prvku aria-label, nebo odstraňte role="img", pokud je dekorativní.

### Ve WooCommerce a WordPressu
1. Přidejte k prvku aria-label, nebo odstraňte role="img", pokud je dekorativní.

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

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