How do I make links in the Enterprise Content Management System?

Making Links Accessible

The biggest key to making an accessible link is to ensure your links make sense out of context

When making a link, you have both a URL (the destination's web address) and descriptive text, which is what your visitor clicks on your page. Since most URLs do not make sense when written out, and even those that do are often long and unwieldy, you should always use descriptive text to indicate where the link leads.  

When choosing your descriptive text, phrases like "Click Here", "More Information", and "Read More" do not make sense when read our of context. As such, they should not be used as the descriptive text for your links. 

Instead, use descriptive text like "PSU's Accessibility Guidelines for Enterprise Sites" or "Read more guidelines for accessibility". This text can be integrated into other sentences, so you can say something like "For more information on accessibility, refer to PSU's Accessibility Guidelines for Enterprise Sites". The linked text makes sense out of context, so visitors know where they're going when clicking on the link. This is especially important for people who use keyboards to navigate the site, since the keyboard will jump from link to link.  

Inserting Links

Follow these steps to insert a link on one of your pages:

  1. Be logged into your enterprise site and on the edit tab for the page you want to modify. 

  2. Write the descriptive text you want visitors to click on in the Body section of your page.

  3. Highlight the descriptive text.

  4. Click on the Link link button (it looks like a pirce of chainmail).

  5. In the window that pops up, put the destination URL in the URL field

  6. Click Ok

  7. The text should now change to a new color, indicating that the link has been inserted. 

Anchor Links

An anchor link allows you to link to specific text on a website, so you can direct a visitor to that particular section. Please keep in mind, though, that anchor links are only really useful for long pages and they should not be over-used. 

There are two steps in working with anchors: setting the anchor, and linking to the anchor. 

Before following the steps below, please make sure you are logged into the CMS (Drupal), and you are on the edit tab for the page you want to create the anchors on.  

Step 1: Setting the Anchor

The anchor is where you want the link to go to. For example, if I wanted to create a link so that when people click on it they go to these instructions, I would set the anchor at "Step 1: Setting the Anchor".  

  1. Highlight the text you want set as an anchor. 
  2. Click the "Anchor" button (it looks like a flag). 
  3. A window will pop up that asks you to name the anchor. Keep the name short and simple. Pay attention to capitals and don't use spaces.
  4. Click insert. There should now be a small graphic on the left side of the text you highlighted to indicate that it is an anchor. 

Step 2: Linking to the Anchor

This is for creating the link the visitor clicks on, which then takes them to the anchor. 

  1. Be on the edit tab for the page where you want to set the link - this might be the same page or a different page.
  2. Locate where you want to set the link.
  3. Highlight the text you want linked to the anchor and click on the " Link" button.
  4. In the Link Destination field, enter the URL for the anchor:
    • If the anchor is on the same page as the link to the anchor, then you just need to enter #nameofanchor
    • If the link is on a different page, then you'll want to enter the full URL (i.e. https://www.pdx.edu/oit/computer-accounts#nameofanchor ).
    • Make sure you use the same capitalization as the original anchor. 
  5. Click Ok. That text should now be a different color, indicating that it's a link.  

For additional support, email ucomm-support@pdx.edu.