Make Links Stand Out with Clear Language and Placement
Links are a core part of how users move and navigate through your site. They support navigation, reinforce structure, and drive action. When link labels are clear, well-placed, and descriptive, they help all users, especially those using assistive technologies, understand and interact with your content more effectively.
Why it matters
Clarity: Users should understand what a link does before clicking it.
Context: Links placed near relevant content reduce confusion and help users stay oriented.
Accessibility: Screen reader users often scan by link. Generic or vague labels disrupt this experience.
How to do it
Use meaningful link text.
Avoid phrases like “click here” or “read more.”
Write links that describe the destination or outcome, such as “Explore our research” or “View course schedule.”
Place links close to the related content.
Avoid separating links from the content they support.
Inline links or CTA blocks work best when they appear right after a heading, paragraph, or list item.
Use visual cues sparingly but intentionally.
Links should be underlined by default, but avoid using bold or color alone to indicate a link.
Use card components or button-style links for key actions when possible.
Accessibility tips
- Every link on a page should make sense on its own. Ask: “If this link were read out of context, would it still be clear?”
- Use unique link text for each purpose. Don’t repeat the same label for multiple destinations.
- Avoid linking full paragraphs or headings unless you are using a structured component that supports it.