You can create links from either text or images. You can link to another of your pages, a page elsewhere on the Purchase site, an outside URL, one of your files, or to content on the same page.
Do not use “Click Here” for link text. Link text should make use of language that occurs naturally within your sentence.
No: “Click Here for a list of CTS technology policies on the web.”
Yes: “Campus Technology Services (CTS) technology policies are published on the website.”
Create a Link
- Select the text or image you want to link.
- Click the Insert/Edit Link button to create a link.
You can link to:
- another page on the Purchase site
- link to your group’s content
- an outside URL
- an email address
- a phone number
- an anchor link on this page (see below)
- one of your files
Set link style:
The only difference between Buttons 1, 2, and 3 is the color. To preview, see the colors in the main navigation at the top of the page. Button 1 will always be the same color as About, Button 2 the same as Academics, and Button 3 matches Admissions. Remember these colors shift based on the palette driven by the hero images.
Remove a Link
- Select the link text.
- Click the Unlink button.
Create an Anchor
Anchors link to content that appears elsewhere on the same page. Clicking an anchor link relocates users to that section of the page.
- Select the place on the page where you would like the user to land.
- Select the anchor link button.
- In the dialog box, name your anchor (use one word). Hit save.
- Select the text from which you would like to link.
- Select the link button, then select “Link to anchor on this page.”
- Select the anchor from the drop down list.
Back to #top links
When you’re using anchor links for special cases when the page is particularly long, you can insert a link back to the top of the page.
- Insert the text Back to to” and highlight.
- Select the Insert/Edit link button.
- Select Link to an outside URL from the drop down list.
- In the link text input area, type #top.
- Uncheck the Open link in new window checkbox.
- Select the Make this link button to finish.
Meaningful Link Text
Link text helps visitors understand the purpose of the link – and to decide whether to follow the link or not. Link text should clearly describe the content at the link’s destination.
Links are used as navigation on screen readers
Many assistive technology tools provide visitors with a list of the links on the web page. Screen reader users can use this list of links as a form of sub-page navigation to skim through content. Screen readers can ignore all of the text around the link so the context can possibly lost and users cannot tell where it goes. The link text needs to be meaningful to enable users to confidently choose the link(s) that they need. People need to choose links without struggling to understand what their content is.
No ambiguous text
Do not use “click here,” and avoid using link text that is ambiguous, like “read more.” You should include information that is relevant, like the type of document and its size, such as (PDF, 6MB) to avoid causing someone to download an overly large document, or one that they don’t have the software to access.
If links are clearly labeled, those with motion impairment can skip links that they do not need, and avoid unnecessary clicks or keystrokes to visit content that may not be what they are looking.
Those with cognitive limitations are less likely to become disoriented with more than one means of navigation through the content that may or may interested them. Lastly, those who are visually disabled will have the power to determine the purpose of a link just by considering its context.
Do not use: “Click Here for the agenda for the X-team meeting on 09/23/2019.”
Use this instead: “The Agenda for the X-team meeting on 09/23/2019 has been circulated.”
No Pasted URLs
Pasting a copied URL onto a page is not best practice and highly discouraged on purchase.edu. Link to meaningful text only.