Ñý¼§Ö±²¥

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. Leave Target set to None.

  4. Click 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 for Link Type.
    2. Click Choose File, Page, or Link in Link Source.
    3. Choose the appropriate asset within the same site.
    4. Click Ok.

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

    1. In the Insert Link window, select External for Link Type.
    2. Copy and paste the external URL in Link Source.
    3. Add Anchor link text if needed.
    4. Click 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 External for Link Type.
    2. Type "mailto:" followed by the email address in Link Source. 
      Example: mailto:webhelp@mso.umt.edu.
    3. Click 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. Open the source code editor (< > symbol in the toolbar) and add ' id="your_anchor" ' to the heading (<h2>) or paragraph (<p>) tag you would like to link to. (It will end up looking as follows: <h2 id="your_anchor">)
    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.