Component Library
Links - Same name
Issue Description
<p>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.</p>
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.</p>
Recommendation
<p>Consider displaying only one instance of the same link text or target to reduce cognitive load and simplify the user experience.</p>
<ul class="disc">
<li>Add an <aria-label> to elements that are otherwise identical to assistive technology.</li>
<li>Describe the purpose of a link in HTML in the text content of the <a> element.</li>
<li>Use the <alt> attribute to describe the link purpose when a graphic is used for a link.</li>
</ul>
<p><a href="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.">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. <svg aria-hidden="true" class="icon-external-link"><use xlink:href="/assets/icons/icons.svg#icon-external-link"></use></svg></span></a></p>