Link

Links are used to navigate around a single page, or between separate pages.

A link is different to a button, which is used for triggering an action, such as submitting a form.

<a>
    Link content
</a>

Accessibility

• Ensure correct semantic use of links vs buttons.
• Make sure there is descriptive text in all links.
• Icons shown alongside a descriptive link should be hidden to avoid content being read twice. Add aria-hidden="true" to hide the icon from assistive technologies.
• Make sure that links have a minimum hit area. The minimum hit area in Tangram is 48 pixels, except for compact forms where it’s 38 pixels.

Grey links

Design pattern