Component Library

Links - Same name

Issue Description

A page has multiple links with the same link text ("<add name here>") that does not sufficiently describe the unique link purpose and point to different destinations.

Multiple instances of the same link text or alternative label can be confusing, regardless of context. Vague link text, such as a long numerical list with no context as to what is being listed, can likewise be insufficient.

Recommendation

Consider displaying only one instance of the same link text or target to reduce cognitive load and simplify the user experience.

  • Add an <aria-label> to elements that are otherwise identical to assistive technology.
  • Describe the purpose of a link in HTML in the text content of the <a> element.
  • Use the <alt> attribute to describe the link purpose when a graphic is used for a link.

https://www.nngroup.com/articles/duplicate-links/#:~:text=Each%20extra%20link%20makes%20your%20site%20harder%20to%20use.&text=Share%20this%20article%3A,The%20answer%20is%20generally%20no.