Corregir «Enlace sin texto reconocible» en Angular

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 — Angular

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.

<a routerLink="/panier">
  <mat-icon>shopping_cart</mat-icon>
</a>

<a routerLink="/panier" aria-label="Voir mon panier">
  <mat-icon aria-hidden="true">shopping_cart</mat-icon>
</a>

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.