„Link ohne erkennbaren Text“ in React 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 — React

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.

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

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

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.