Creating Accessible Links

Writing Link Text

In most cases, the proper link text is probably already in your content, and it just needs to be emphasized as the link.

Accessible Link Guidelines

  • Make link text clear on its own. Users with screen readers often hear just the link text, not the surrounding words or URL. Test it by reading the link text out of context—does it make sense?

  • Avoid vague text like “click here,” “learn more,” or “read more.”

    • ❌ To watch our commencement video, click here

    • ✅ Watch our commencement video

  • If you must use generic text, add an aria-label that explains the destination (e.g., “Learn more about admissions”).

  • Don’t force links to open in new windows. Screen readers don’t announce it, which confuses users.

  • Be consistent:

    • If the same text is used, the URLs must match.

    • If the same URL is used, the text must match.

  • If the same text goes to different URLs, add aria-labels to clarify (e.g., “Art Curriculum” vs. “Music Curriculum”).

Screen Reader Behavior 

Screen readers already tell users when something is a link. So, avoid adding words like "link" or "website" in the link text just repeats information.

Also think about  a screen reader reading items out loud. For example, which is easier to understand if read out of context?

Printer-friendly