Liens sans texte accessible

Un lien vide, ou réduit à une icône sans alternative, n'indique pas où il mène. « Cliquez ici » répété n'aide pas davantage.

Qui est concerné

• Personnes aveugles qui parcourent la liste des liens hors contexte
• Personnes à la commande vocale, qui nomment le lien pour l'activer

Pourquoi c'est important

Les lecteurs d'écran proposent une liste de tous les liens d'une page. Hors contexte, « en savoir plus » ou « cliquez ici » répétés dix fois ne distinguent rien. Le critère 2.4.4 (niveau A) demande que la fonction d'un lien soit compréhensible par son intitulé.

Comment le tester vous-même

1. Ouvrez la liste des liens de votre lecteur d'écran : chaque intitulé doit se suffire à lui-même.
2. Pour un lien-icône (réseaux sociaux, panier), vérifiez l'aria-label ou un texte en sr-only.

Comment corriger

Donnez un intitulé explicite à chaque lien. Évitez « cliquez ici » : le texte doit indiquer la destination (ex. « Voir nos tarifs »). Pour un lien-image, ajoutez un alt.

<a href="/tarifs">cliquez ici</a>
<a href="https://twitter.com/..."><svg>...</svg></a>

<a href="/tarifs">Voir nos tarifs</a>
<a href="https://twitter.com/..." aria-label="Notre compte Twitter"><svg aria-hidden="true">...</svg></a>

Critères de référence

Plainpied détecte ce défaut automatiquement et le localise page par page. La conformité totale combine détection automatique et vérifications humaines : voir notre méthode.