Skip to main content

Links

  Link text must be descriptive and should indicate the actual name of where the link is going. Do not create a link to an unidentified click here.

Unidentified links do not help website users using assistive devices such as screen readers. Screen readers have the ability to read aloud all of the links on a page (skipping the remaining content). Unidentified links such as click here provide no context to the user about where the link is going.

For example:

Correct: For more information, view the university policies.

Incorrect: For university policies, please click here.

  A rule of thumb to use when creating links — if the link text is removed from the context of the sentence and it still makes sense, the link text is descriptive and therefore, accessible.

In the above example, the link text university policies is still logical on its own, therefore it is AODA-compliant.


  In addition to creating descriptive link text, the Title attribute can be used to provide further information about a link. When hovering over a link, a tooltip box will appear — this is the title text. The title attribute can be a supplement to links to provide more context. 

For example:

Screenshot: button link with descriptive title text        

The link text of Register now is insufficient, so it can be supplemented by including a title of Register for CMS Training.


There are four types of links that you can create in the CMS: internal, external, anchor, and reference links.

  • Internal link

    Internal link is a link to a page or document that is in the CMS. Internal links are managed or tracked by the CMS system, which means that the link will automatically be updated if the linked asset is moved or renamed.

    Access to other sites within the CMS can be made available to your faculty, department, or user group for the purpose of internal linking on a case-by-case basis. If you need to link to a page in the CMS but you do not have access to the website, please contact the Web Team and request read-access to the website.


    How to

    Create an internal link


    1. Type the link text (a portion of the text that will be the link). Be sure to follow accessibility guidelines when creating link text.
    2. Highlight the link text and select the Insert/Edit Link icon from the WYSIWYG editor toolbar, or right-click the link text and select Insert/Edit Link. 
      Insert/Edit Link button
    3. The link editor will appear.
      Link editor
      • Link Source - the type of CMS link. Select Internal to link to a page or file in the CMS.
      • Link - the linked page. Click the field and browse to and select the page in the CMS.
      • Anchor - (optional) an ID or tag that specifies which section of a page that the reader will be brought to when the link is clicked. Learn more about anchor links below.
      • Text to display - the link text. Ensure that the link text is accessible and descriptive.
      • Target - choose whether the page or file should open in the same (None) or a new browser tab (New window). Typically, if the linked page is a university page, it should open in the same browser tab/window, otherwise, external web pages can open in a new tab.
      • Class - (optional) a style to add to the link. For example, if you would like the link to appear as a button, select Button from the dropdown list.
  • External link

    External link is a link to a page or document that is either outside of the CMS, or in the CMS but not managed or tracked by the CMS system. The full URL of the linked page or document is used to create the external link. If the linked asset is in the CMS, but is linked to externally, the link will not be updated if the linked asset is moved or renamed.


    How to

    Create an external link


    1. Type the link text (the text that you want to be a "clickable" link). Be sure to follow the accessibility guidelines above when creating link text.
    2. Highlight the link text and select the Insert/Edit Link icon from the WYSIWYG editor toolbar, or right-click the link text and select Insert/Edit Link. 
      Insert/Edit Link button
    3. The link editor will appear.
      Link editor
      • Link Source - the type of CMS link. Select External to link to an external URL.
      • Link - the linked page. Enter the external URL here.
      • Anchor - (optional) an ID or tag that specifies which section of a page that the reader will be brought to when the link is clicked. Learn more about anchor links below.
      • Text to display - the link text. Ensure that the link text is accessible and descriptive.
      • Target - choose whether the page or file should open in the same ( None ) or a new browser tab ( New window ). Typically, if the linked page is a university page, it should open in the same browser tab/window, otherwise, external web pages can open in a new tab.
      • Class - (optional) a style to add to the link. For example, if you would like the link to appear as a button, select Button from the dropdown list.
  • Anchor link

    Anchor link is a link within a page that jumps to a specific point or section on that page.


    How to

    Create an anchor link

    Create an anchor link within the current page (e.g. for a table of contents on a long page)
    Create an anchor link to a section on another page

    Part 1: Create the link text

    1. Type the link text (a portion of the text that will be the link). Be sure to follow accessibility guidelines above when creating link text.
    2. Highlight the link text and select the Insert/Edit Link icon from the WYSIWYG editor toolbar, or right-click the link text and select Insert/Edit Link.
      Image showing the Insert/Edit Link button
    3. Select Internal
      Select internal screenshot
    4. In the Link field, click Search and browse to the page in the CMS. If the linked section is on the current page, the Link path can remain empty. 
    5. In the Anchor field, enter a unique name for the section to which you want the link to point. This name cannot have any spaces or special characters. Make a note of what this name is (or copy and paste it somewhere on your computer so that you can access it later).
      anchor linking instructions
    6. Select whether the page should open in a new browser tab or window in the Target field. Typically, if the linked page is a university page, it should open in the same browser tab/window.
    7. If you would like the link to appear as a button, select button from the Class field dropdown list.

    Part 2: Create the anchor

    1. If the linked section is on another page, browse to that page in the CMS and edit the page. 
    2. In the WYSIWYG editor content editor, locate the section where the anchor link should point. Place your cursor immediately before the beginning of the text in the section.
      Anchor will link to this section screenshot
    3. Select the Insert/Edit Anchor icon from the WYSIWYG editor toolbar.
      Image showing the Insert/Edit Anchor button
    4. Enter the unique anchor name exactly as you entered it in part 1, step 5 above.
        Enter anchor name screeshot
  • Reference link

    Reference link is a link in the navigation menu to a page in the CMS that exists in another location. A page can thus appear to exist in multiple locations (menu sections), but when the link is selected, it directs back to the original page. Therefore, you only have to manage the content on a single page.

      To avoid jumping the user to a different menu section or website, you can instead use the Import another page content type option. This takes the content from the original page and inserts it into the current page in the current section (the “copied” page). The same content will then appear in multiple locations, but only the original page will have to be managed (changes to the original page will automatically carry over to the imported page).


    How to

    Create a reference link

    1. Create your original page.
    2. Browse to and select the original page in the CMS sidebar.
    3. a) Hover over the page in the CMS sidebar, click on the arrow that appears and select Reference.
      However and select reference screenshot
      OR 
      b) In the secondary navigation tabs, select More and select Reference.
      Select More and select Reference Screen shot
    4. In the reference link editor screen, the System Name field will be automatically populated with the current System Name of the original page. This should remain the same, but if you do choose to change it, ensure that it has no spaces (dashes should be used) and all characters are lowercase. The System Name does not affect how the link name will appear in the menu—it will take the Display Name of the original page. The System Name only affects the URL of the link. 
    5. In the Parent folder field, browse to and select the menu subsection or folder where you want the 'copied' page link to appear. 
Search the CMS User Guide