Corregir «Enlace sin texto reconocible» en React

Por qué es un problema

Un enlace sin texto (solo icono o imagen sin alt) no se puede anunciar: el usuario no sabe adónde lleva. Los lectores de pantalla también los listan fuera de contexto.

Cómo corregirlo — React

Proporcione un texto claro: texto visible, aria-label o alt en la imagen. Evite «haga clic aquí»: el texto debe tener sentido por sí solo.

<Link href="/panier">
  <CartIcon />
</Link>

<Link href="/panier" aria-label="Voir mon panier">
  <CartIcon aria-hidden="true" />
</Link>

Criterio RGAA 6.2 — Liens

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

Cómo verificarlo: pruebas oficiales (en francés)

1. Test 6.2.1

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

Ficha completa del criterio 6.2 · Texto oficial: Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Ver para otro framework

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.