Link

Links are interactive elements primarily used for navigation and can exist alone or be embedded within text.

What the component handles

Keyboard navigation with Tab and Enter keys

Meets minimum 24x24px touch target size requirements

What you need to provide

A unique and descriptive text that explains the action or use aria-label attribute to provide more context for screen reader users.

aria-label with a proper explanation, when using an icon to indicate the link will open in a new tab.

Using an inline link (within a paragraph of text with property standalone: false) without an underline is not accessible and should be avoided.

Color contrast

Primary and Basic variants meet the WCAG 2.1 AA color contrast ratio requirements and can be used on the following:

background.static.xxx tokens except for background.static.inverse and background.static.on-color

in all Card variants,

in Banner components.