Links

Links (hyperlinks) are used to link a visitor from one area to another. Hyperlinking displays light blue text with an underline.

Links are most effective when their text clearly describes the destination or action. Phrases like 鈥渃lick here鈥 or 鈥渞ead more鈥 don鈥檛 provide enough context, especially for users relying on screen readers, who may navigate a page by tabbing through links. Descriptive link text鈥攕uch as 鈥淰iew Environmental Studies course requirements鈥 instead of 鈥渃lick here鈥濃攊mproves accessibility, gives all users a better understanding of where the link will take them, and strengthens search engine optimization.

Link Options

  • Internal: If the link will be directing to another page on the mcla.edu website
  • External: If the link will be directing to a page outside of mcla.edu
  • Asset: If the link will be directing to an document, image or video.
  • Anchor: Coming soon
  • Email: If the link willbe directing to an Email address

Linking Text

When adding links to text, follow these guidelines:

Make link text meaningful on its own

Screen reader users often skim a page by navigating through links only, without surrounding context. Links should clearly describe their purpose without relying on the sentence or paragraph around them.

Avoid: Seniors can view the schedule of required exams for more details.
Consider: View the schedule of required exams.

Use descriptive, unique link text

Speech recognition software lets users speak a link鈥檚 text to follow it. If multiple links on a page have the same text, it can cause confusion.

Avoid: For more information on the class, click here.
Consider: More information on the class.

Styling Links

Optional link style classes:

  • Primary Button:
    Example
  • Secondary Button: Avoid. Special Use
  • Special Table (1st column as heading coumn)