Corriger « Lien sans intitulé » en HTML

Pourquoi c'est un problème

Un lien sans texte (icône seule ou image sans alt) n'est pas annonçable : l'utilisateur ne sait pas où il mène. Les liens sont aussi listés hors contexte par les lecteurs d'écran.

Comment corriger — HTML

Fournissez un intitulé explicite : texte visible, aria-label, ou alt sur l'image contenue. Évitez « cliquez ici » — le libellé doit avoir du sens seul.

<a href="/panier">
  <svg>...</svg>
</a>

<a href="/panier" aria-label="Voir mon panier">
  <svg aria-hidden="true">...</svg>
</a>

Critère RGAA 6.2 — Liens

Dans chaque page web, chaque lien a-t-il un intitulé ?

Comment vérifier : tests officiels

1. Test 6.2.1

   Dans chaque page web, chaque lien a-t-il un intitulé entre <a> et </a> ?

Fiche complète du critère 6.2 · Texte officiel : Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Voir pour un autre framework

Vérifiez votre site en 30 secondes

Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.