# Les liens doivent avoir un texte perceptible

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

WCAG 2.4.4 Fonction du lien (selon le contexte), 4.1.2 Nom, rôle et valeur · Niveau A

Certains liens n’ont aucun texte qu’un lecteur d’écran puisse annoncer ; ce sont souvent des liens composés uniquement d’une icône, comme les icônes des réseaux sociaux ou celle du panier.

## Ce que vérifie cette règle
Vérifier que les liens ont un texte perceptible.

## Pourquoi c’est important
Les critères WCAG 2.4.4 et 4.1.2 exigent que les liens aient un nom accessible qui décrit leur fonction.

## Comment corriger
### Sur n’importe quel site web
1. Repérez les liens sans nom. Ce sont le plus souvent des icônes ou des images placées dans une balise <a>.
2. Ajoutez un texte visuellement masqué dans le lien, ou un aria-label comme aria-label="Instagram" ou aria-label="Cart".
3. Si le lien contient une image, donnez plutôt à cette image un texte alternatif pertinent.

### Sur Shopify
1. Repérez les liens sans nom. Ce sont le plus souvent des icônes ou des images placées dans une balise <a>.
2. Ajoutez un texte visuellement masqué dans le lien, ou un aria-label comme aria-label="Instagram" ou aria-label="Cart".
3. Si le lien contient une image, donnez plutôt à cette image un texte alternatif pertinent.

### Sur WooCommerce et WordPress
1. Repérez les liens sans nom. Ce sont le plus souvent des icônes ou des images placées dans une balise <a>.
2. Ajoutez un texte visuellement masqué dans le lien, ou un aria-label comme aria-label="Instagram" ou aria-label="Cart".
3. Si le lien contient une image, donnez plutôt à cette image un texte alternatif pertinent.

## Comment vérifier la correction
- Analysez à nouveau et vérifiez que link-name a disparu.
- Avec un lecteur d’écran actif, atteignez chaque lien avec la touche Tab et écoutez son nom.

## Sources
- Documentation de la règle axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- Comprendre le critère WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- Comprendre le critère WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value