Skip to content

AI search tool

Try our new Search AI tool as an alternative to the search below to improve your experience on Alberta.ca using artificial intelligence. See the AISearch fact sheet for more information.

Popular topics:

Part of Components

Links

A hierarchy of actions provided by buttons and various styles for in-page hyperlinks.

Overview

Buttons and links help someone explore a relevant topic further, jump to a new category, or backtrack.

Design

Default

This is the Government of Alberta.

Links with icons

Downloadable link with icon

Usage guidelines

Use links to connect to relevant information that supports the content. Links include:

  • internal or external web page
  • emails
  • publications
  • images
  • video or audio files

External links

Follow these rules when using links to a site outside of Alberta.ca:

  • use an external link icon
  • link to authoritative and trustworthy sites
  • use anchor text correctly – link descriptive words and phrases instead of ‘click here’ or ‘learn more’

Accessibility

Format links with blue colour font and underlined.

Colours

  • Default colour: #0070C4
  • Hover colour: #333333
  • Focus and active colours (hover state with 2 pixel outline): #FEBA35
  • Visited: #756693
  • Disabled: 40% transparency

Content guidelines

  • Write descriptive, anchor link names with a minimum 15 characters including spaces. Generic expressions, such as ‘click here’ or ‘find out more’, provide little navigational value to someone using a screen reader.
  • Use page and document titles as the link, when applicable.
  • Use program emails but avoid personal emails.
  • Use document titles as the links, when applicable, followed by the file size in kilobytes (KB) or rounded to the nearest decimal in megabytes (MB).
  • Avoid using identical link text for different links (for example, 2 links read ‘fact sheet’, but each one links to a different URL).
  • Do not link to anchor (in-page) links on other pages
  • Do not include program or act acronyms in link text. Place them after the link in parentheses.
  • Do not write out URLs.

Examples