
Introduction
Links function as navigational elements. A link is a reference to a resource, which can be either external (e.g. a different website) or internal (e.g. another page or section on a the current website). Links can be used either as standalone links or within sentences as inline links.
- Inline links are intended for use within a body of text and are not suitable for titles. If you require a larger or more prominent call to action, consider using a different component, such as a button. To ensure screen reader accessibility, it is important to avoid using generic link wording like "learn more" or "click here." Instead, opt for more descriptive wording that provides context. For example, use phrases like "learn more about our new products" or "click here to read our privacy policy."
- Standalone links, positioned at the end of a sentence or paragraph, should be treated as a reference to relevant further resources and can also be used as a secondary call-to-action.
Usage

Use links as a reference to further content or as a way to navigate a web page.

Avoid using links as a primary call-to-actions, such as “Sign up" or a form submission. Use buttons when triggering an action.

Use inline links within a body of text to link to further content on either same websites or external websites.

Links should not be used in headlines or titles. Consider using a button for more prominent call-to-actions.

Use descriptive wording that provides context for links to be inclusive to users who use screen readers to navigate a website.

Avoid using generic descriptions such as “learn more” or "click here”. Clearly communicate the context and purpose of the link.

Use standalone links to navigate to a different destination, either internally or externally.

Don't use standalone links within a paragraph or any other body of text. Use inline links instead.
Also known as
Hyerlink, Reference link