Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The CallUse a call-to-Action component is used to prominently feature a link (explanatory text and a button) to an application, interactive form or survey or other transactional function that is specifically related to the content/purpose of the page. The Call-to-Action feature can help persuade users to take an action related to a program or service.

...

Criteria

...

action to prompt a user to take a specific action to access a service or program. This design component combines one or two descriptive sentences with a blue button linked to transactional content, such as an application, a form or a survey.

...

Criteria

  • Only one call-to-action per page.

  • The call-to-action must be the primary action item on a page.

  • Should It should always be located at the top of the page below the H1.

  • If both the Highlight highlight and Callcall-to-Action action are used on the same page, the Callcall-to-Action should be placed above the Highlight.Only one Call-to-Action per page for the primary actionaction must appear above the highlight.

  • Do not use a Callcall-to-Action action on menu pages, unless the action applies to all content within that section.

  • Avoid banner images on standard pages with Callcall-to-Action featuresactions.

  • Do not include any hyperlinks in the Call-to-Action description. Only one hyperlink/action should be included which the user follows when clicking the blue button.Must only The only hyperlink is within the button.

  • Do not use to link to informational content. Can only be used to link to transactional content (for example, an online form or survey, downloadable application or account login). Cannot link to informational content, such as a form, application or survey.

  • No headings, bullet pointsbullets, images/logos, bolding , italics or additional colours within a Call-to-Actionor italics.

  • Must not be used inside accordions or tabs.

  • Description should must not be no more than 300 characters in length, including spaces. Must

  • Description must be written in sentence case.

  • Button text must be concisethree words maximum, be actionable, and written in title case (, for example: Adopt a Pet, Complete a Survey or Submit an Application).