Link
Use the link components for when your link is outside a paragraph. Links may be isolated, stacked vertically in a list. Links should navigate you to a new page, internally or externally, back or to further information.
On this page
Use Cases
Interaction and Style
Relevant WCAG Requirements
Use of Color
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
WCAG 2.1 Understanding 1.4.1Link Purpose (In Context)
The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general.
WCAG 2.1 Understanding 2.4.4Name, Role, Value
For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies.
WCAG 2.1 Understanding 4.1.2
Keyboard Navigation
| Key | Action |
|---|---|
| Tab | Focuses on the link. |
| Enter | Activates the link. |
Questions?
Connect with the DLS Team on Slack or by email.
Resources
Check out additional resources.