果冻传媒

Visit
Apply

University Marketing and Communications

Adding links, buttons and email links

How to write links

Text used in all links should clearly state where the user will end up. There should be no confusion about where that next click will lead.

Bad link: Academics
Good link: Explore programs and majors


Hyperlinks, buttons and the text they are linked to must provide enough detail to be read out of context. A person who is blind and uses a screen reader will move through a web page by hitting the Tab key on their keyboard. A screen reader will read aloud the clickable text and linked URL on a page first. This means, taken out of context, a link to "Learn More" may be confusing to the user. The clickable text needs to describe the information at that linked URL.

This also applies to anchors on a page. Anchors are used to create links to specific locations on a web page. Learn more about inserting anchors.

Bad link: Read more.
Good link: Learn more about the Physical Therapy program.


Adding context to a button link obviously will make the text longer, which may not be appropriate. If a shorter, less contextual button is needed, it is possible to include a special label in the html that provides more context. Please request support from the web team if you think an additional label is necessary.听An example of this would be the small buttons reading "Learn More" on an image carousel.

Example: Learn more We use this button on the sliding images that appear on many home pages. We can add a label to the code that describes the link destination.


Never use "click here" as link text.

Bad link: To RSVP to this event, click here.
Good link: RSVP to this event.


If you are linking to a file, the file type (PDF, DOC) must become part of the link text. If the link is a download, include the word "download" in the linked text so that users know what will happen.

Bad link:听Rocket Scholarship application
Good link: Download the Rocket Scholarship application PDF.听

How to write emails and URLs

Do not听spell out听URLs or email addresses.听Screen readers will read each character on the page and in the linked URL. Instead, write out the destination of the URL or email address.听听

Bad link: RSVPs are requested; email humanresourcesdepartment@utoledo.edu听or call 419.383.6300.
Good link: RSVP by email to the Human Resources Department or call听419.383.6300.

Bad link: For more information, contact the web team at听webdevelopment@utoledo.edu.听
Good link: For more information, email the web team.

Bad link: To schedule an appointment, visit .
Good link: To schedule an appointment, visit the .听

How To link web pages or documents

Please note, to link to a new document, the document must be uploaded first.听Learn how to add documents.听Once the document is uploaded, follow the instructions below.听

  1. Browse to the page you want to edit, log in and click the green "Edit" button听 Edit icon听 next to the section you want to edit.听
  2. Select the text you want to link.
  3. Click the insert/edit link icon.听 Link icon

    Insert link icon
  4. In the new window that appears, either type the URL in the "Link URL" field or click the browse button听 Browse button听 to browse for the page on the website to which you want to link.
  5. In the "Target" field, select between the two options:
    1. "Open in This Window/Frame," which means the link will open within the same window. This is recommended when the page you are linking is within your website
    2. "Open in New Window," which means the link will open within a new window. This is recommended when the page you are linking to is outside of your website or when you are linking to a document.
  6. Click the "Insert" button听 Insert button听 to insert the link.听

    Screenshot of the insert link window
  7. Save your work by clicking the save icon.听 Save button
  8. To make your edits live, click the green "Publish" button.听 Publish button

听

How to Create a button

  1. Follow the instructions 1 through 5 above.
  2. In the Insert/Edit Link window, open the "Class" drop-down field and select "Link Button."
  3. Click the "Insert" button Insert button听to insert the link.
  4. Save your work by clicking the save icon.听 Save button
  5. To make your edits live, click the green "Publish" button.听 Publish button

听

How to link email addresses

  1. Browse to the page you want to edit, log in and click the green "Edit" button.听Edit button
  2. Select the text you want to link.
  3. Click the "Insert/edit mailto link" icon.听 Mail to button

    Screenshot of mailto link icon
  4. In the new window that appears, type or copy and paste the email address in the "Recipient Email" field.
  5. If you would like to add a subject to the email, type the name of the subject in the "Mail Subject" field.听
  6. Click the "Insert" button to insert the email link.听 Insert button

    Screenshot of mailto link window
  7. Save your work by clicking the save icon.听 Save button
  8. To make your edits live, click the green "Publish" button.听Publish button