Hyperlinked text allows you to direct readers to a specific location—either within the same document, to an external website, or to open an email addressed to a specific recipient. Links can appear directly in text or in structured contexts, such as navigation menus or lists of linked resources. Proper styling and descriptive text are essential to make links accessible and user-friendly.

Style Links with Underline and Background Color

• Underline all links.

• Ensure the link color has at least 4.5:1 contrast with the background and 3:1 contrast with surrounding text.

Write Clear and Accessible Link Text

Link text should clearly convey the purpose or destination of the link. Follow these guidelines:

• Specific: Describe exactly where the link goes.

• Succinct: Keep it brief and to the point.

• Clear: Avoid ambiguous language.

Do not use generic text like:

• “Click here”

• “Read more”

Instead, embed the link in meaningful text, for example:

• ✅ Learn more about the WCAG guidelines for accessibility.

Clarify Image Links

If you embed a link in an image:

• Include the link’s purpose and destination in the image’s alt text.

• This helps users relying on screen readers understand the function of the image link.

By following these guidelines, you ensure your hyperlinked text is both functional and accessible for all users.

Curious about upgrading? Compare our plan features side by side.