Noms et rôles

Les liens ont besoin d’un nom

Règle: link-name
Gravité: Sérieux
Niveau WCAG A

Pourquoi c’est important

Les utilisateurs de lecteur d’écran naviguent en affichant la liste des liens. Un lien sans nom y apparaît sous forme d’URL, et une liste de « En savoir plus » ne vaut guère mieux.

Comment corriger

Faites en sorte que l’intitulé du lien décrive à lui seul la destination.
Pour les liens réduits à une icône, ajoutez aria-label (« Panier, 3 articles »).
Si « En savoir plus » doit rester visible, étendez le nom avec un aria-label qui le contient.

Dans le balisage

Échoue

<a href="/cart"><svg aria-hidden="true">...</svg></a>

Réussit

<a href="/cart" aria-label="Basket, 3 items">
  <svg aria-hidden="true">...</svg>
</a>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

2.4.4 Fonction du lien (dans le contexte) (s’ouvre dans un nouvel onglet) — Niveau WCAG A
4.1.2 Nom, rôle et valeur (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur link-name (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.