Component Library

<p>A page has multiple links with the same link text ("&lt;add name here&gt;") 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>

<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 &lt;aria-label&gt; 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 &lt;a&gt; element.</li> <li>Use the &lt;alt&gt; 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>