UM mascot Monte celebrating while working on a laptop outside on the grass

Cascade Support

Links

Links are used to take your web traffic from one location of your site to another. Links are added to a page using the Insert/edit link function in the WYSIWYG editor and are typically formatted as text. Links can also be done with row buttons or additional resources.

Make Link Text Self-Descriptive

When creating text links on your website, ensure you're following web best practices by making link text that clearly describes where the link will take the visitor. This is an accessibility requirement.

Bad Link Text

Click here to visit ÁÔÆæÖØ¿Ú.

Using the link text of "Click here" is not specific and does not provide visitors the ability to quickly scan the page for the link they are looking for. This is especially challenging for users who use assistive technologies (such as blind users with screen readers), who may listen to all the links out of the context of the rest of the page content.

Good Link Text

Visit the ÁÔÆæÖØ¿Ú website to learn more.Ìý

Linking the text "ÁÔÆæÖØ¿Ú website" is self-describing, making it clear that anyone who clicks that link will go directly to UM's site.

Insert a Link

  1. Highlight the text or click to select the image that will be a link.

  2. Click the Insert/edit link icon in the toolbar.

  3. ³¢±ð²¹±¹±ðÌýTarget set to None.

  4. °ä±ô¾±³¦°ìÌýOk.

Link Source

  • Internal Links are those which direct web visitors from one asset (page, document) to another within your website.

    1. In the Insert Link window, select InternalÌý´Ú´Ç°ùÌýLink Type.
    2. °ä±ô¾±³¦°ìÌýChoose File, Page, or Link ¾±²ÔÌýLink Source.
    3. Choose the appropriate asset within the same site.
    4. °ä±ô¾±³¦°ìÌýOk.

  • External Links are those which direct web visitors to external web pages or websites.

    1. In the Insert Link window, select ·¡³æ³Ù±ð°ù²Ô²¹±ôÌý´Ú´Ç°ùÌýLink Type.
    2. Copy and paste the external URL ¾±²ÔÌýLink Source.
    3. Add Anchor link text if needed.
    4. °ä±ô¾±³¦°ìÌýOk.

  • Email Links are used to link to an email address. When clicked, a message with the linked email address will open in the web visitor's default email client.

    1. In the Insert Link window, select ·¡³æ³Ù±ð°ù²Ô²¹±ôÌý´Ú´Ç°ùÌýLink Type.
    2. Type "mailto:" followed by the email address ¾±²ÔÌýLink Source.Ìý
      Example:Ìý³¾²¹¾±±ô³Ù´Ç:·É±ð²ú³ó±ð±ô±è°ª³¾²õ´Ç.³Ü³¾³Ù.±ð»å³Ü.
    3. °ä±ô¾±³¦°ìÌýOk.

  • Previously, anchor links could be created in the toolbar of the WYSIWYG editor. Unfortunately creating them this way causes accessibility issues. Moving forward this option will be removed from the WYSIWYG editor, but anchor tags can still be created by following these steps: 

    1. Enter text into the 'Anchor Tag' or 'Anchor ID' field of your row or compatible block.
    2. Create a link and add the id you used into the 'Anchor' field. 

    Also consider using the Accordion block for longer faq/tutorial pages instead of creating overly long pages. The accordion block can be more easily navigated, will work better on mobile devices and each section can be assigned a unique anchor tag that can be directly linked to.