Links | Essential Practices for Content Creators

Links are found on all of our webpages. Assistive technologies, such as screen readers, allow links on a page to be read all at once. At Chapman, we standardized the formatting of links to make them identifiable in multiple ways: red color and dotted underline.

Here are additional ways to format links to ensure that they are accessible to all:

Link text should be unique.

Having identical text for links that go to different pages can cause confusion.

Bad:

Read more about Pete Panther.

Read more about Argyros Forum.

What’s wrong with this?

These two links go to different pages. When a screen reader reads links aloud, the user will only hear “Read more” and will not know that one link goes to information about Pete Panther and the other goes to information about Argyros Forum.

Good:

Read about Pete Panther.

Read about Argyros Forum.


People should be able to understand where the link leads to without context.

Bad:

Click the link below to view Chapman Facts and History

https://www.chapman.edu/about/facts-history/index.aspx

What’s wrong with this?

Making the link text the same as the URL doesn’t provide any context to where the link goes. Even if you have supplementary text above or next to it, when a screen reader is used, the supplementary text will be skipped and the link will be read as “h-t-t-p-s-colon-forward slash-forward slash-w-w-w-dot-c-h-a-p…”

Good:

View Chapman Facts and History

Tip: Read all your links aloud and see if you can figure out where they lead to. If you can, they are accessible!


Clicking a new link should stay in the same window.

It is recommended that when clicking a link, you make sure the target is “none”(default option) and not “new window”.

Why?

Screenreader users do not get a warning when a new window opens. As a result, they will think that they are in the same window when they select the link. When they attempt to go back to the previous page, nothing will happen because they will be in a different window.

Additional Resources


Go to: Getting Started: Web Accessibility