CTA Link

A Call to Action link is a link that directs the user to another page or website where they can complete the desired action. Call to action link is often used for marketing purposes, such as increasing conversions, leads, or sales. 

On this page

Use Cases

Users should be able to:

  • To navigate to a different page
  • To jump to an element on the same page
  • Link to emails or phone numbers
  • Navigate to a different site
  • Focus on a link

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.1

  • Focus Visible

    Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

    WCAG 2.1 Understanding 2.4.7

  • Name, 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

KeyAction
TabMoves focus to the CTA link.
EnterActivates the link.

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.