„Link ohne erkennbaren Text“ in Angular beheben

Warum das ein Problem ist

Ein Link ohne Text (nur Icon oder Bild ohne alt) kann nicht angesagt werden: Der Nutzer weiß nicht, wohin er führt. Screenreader listen Links zudem kontextlos auf.

So beheben Sie es — Angular

Geben Sie einen klaren Linktext an: sichtbarer Text, aria-label oder alt am Bild. Vermeiden Sie „hier klicken“ — der Text muss allein verständlich sein.

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

RGAA-Kriterium 6.2 — Liens

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

So prüfen Sie: offizielle Tests (auf Französisch)

1. Test 6.2.1

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

Vollständige Seite zu Kriterium 6.2 · Offizieller Text: Référentiel général d'amélioration de l'accessibilité (RGAA) 4.1, DINUM, Licence Ouverte 2.0.

Für ein anderes Framework ansehen

Prüfen Sie Ihre Website in 30 Sekunden

Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.