Component Library

Link - Purpose

Issue Description

<p>Links lack discernible text.</p>

Recommendation

<p>Avoid vague link text, such as &lt;click here&gt;, &lt;learn more&gt;, or &lt;more info&gt; for links.</p> <ul class="disc"> <li>Provide context within the link text.</li> <li>Include additional descriptive info as a tooltip.</li> <li>Do not use alt text for anything but describing images.</li> <li>Do not override with ARIA roles when native semantics exist.</li> <li>Ensure a valid target for &lt;aria-labelledby&gt; attributes.</li> <li>Append link description with &lt;aria-hidden&gt; text.</li> </ul> <p><a href="https://webaim.org/techniques/hypertext/">https://webaim.org/techniques/hypertext/ <svg aria-hidden="true" class="icon-external-link"><use xlink:href="/assets/icons/icons.svg#icon-external-link"></use></svg></span></a></p>