# Odkazy musí mít rozpoznatelný text

<https://www.fixreports.com/cs/issues/link-name>

WCAG 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value · úroveň A

Některé odkazy nemají text, který by čtečka obrazovky mohla oznámit; často jde o odkazy tvořené jen ikonou, například ikony sociálních sítí nebo ikona košíku.

## Co toto pravidlo kontroluje
Ověřuje, že odkazy mají rozpoznatelný text.

## Proč na tom záleží
WCAG 2.4.4 a 4.1.2 vyžadují, aby odkazy měly přístupný název, který popisuje jejich účel.

## Jak to opravit
### Na jakémkoli webu
1. Najděte odkazy bez názvu. Většinou jde o ikony nebo obrázky uvnitř značky <a>.
2. Do odkazu přidejte vizuálně skrytý text nebo aria-label, například aria-label="Instagram" nebo aria-label="Cart".
3. Pokud odkaz obsahuje obrázek, dejte místo toho obrázku smysluplný alternativní text.

### V Shopify
1. Najděte odkazy bez názvu. Většinou jde o ikony nebo obrázky uvnitř značky <a>.
2. Do odkazu přidejte vizuálně skrytý text nebo aria-label, například aria-label="Instagram" nebo aria-label="Cart".
3. Pokud odkaz obsahuje obrázek, dejte místo toho obrázku smysluplný alternativní text.

### Ve WooCommerce a WordPressu
1. Najděte odkazy bez názvu. Většinou jde o ikony nebo obrázky uvnitř značky <a>.
2. Do odkazu přidejte vizuálně skrytý text nebo aria-label, například aria-label="Instagram" nebo aria-label="Cart".
3. Pokud odkaz obsahuje obrázek, dejte místo toho obrázku smysluplný alternativní text.

## Jak opravu ověřit
- Spusťte sken znovu a ověřte, že link-name už mezi chybami není.
- Se zapnutou čtečkou obrazovky přejděte klávesou Tab na každý odkaz a poslechněte si jeho název.

## Zdroje
- Dokumentace pravidla axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- Vysvětlení kritéria WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- Vysvětlení kritéria WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value