Corriger les liens sans intitulé

Le problème

Un lien sans intitulé — balise a vide, lien-icône sans texte, lien-image sans alternative — est annoncé « lien » tout court par un lecteur d’écran. Impossible de savoir où il mène sans le suivre. Erreur critique au critère 6.2 du RGAA, très fréquente sur les icônes de réseaux sociaux et les pictogrammes de navigation.

Les corrections

Lien-image : l’alternative de l’image sert d’intitulé.

<a href="https://www.linkedin.com/company/exemple">
  <img src="linkedin.svg" alt="Notre page LinkedIn">
</a>

Lien-icône (SVG inline ou police d’icônes) : ajoutez un aria-label et masquez l’icône décorative.

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

Lien avec texte masqué : une classe de masquage visuel accessible (le texte reste lu) :

<a href="/recherche"><span class="visually-hidden">Rechercher</span>
  <svg aria-hidden="true">…</svg></a>

Lien réellement vide (reliquat de CMS) : supprimez-le.

Vérifier la correction

Relancez l’analyse : chaque lien fautif est cité avec son code. Traitez ensuite les liens non explicites — l’autre moitié du thème Liens.

Autres erreurs fréquentes à corriger

• Corriger un code de langue invalide
• Corriger une hiérarchie de titres incohérente
• Corriger la langue de page non déclarée (attribut lang)
• Corriger les contrastes de texte insuffisants
• Corriger les liens non explicites (« cliquez ici », « en savoir plus »)
• Corriger une page sans titre principal h1

← Retour au guide RGAA complet