Links

Links, or hyperlinks, connect different web pages and allow users to navigate seamlessly across the internet. Typically, a link is made up of an anchor element (such as text, an image, or a button) that users can click, along with a URL (Uniform Resource Locator), which is the web address directing to the target page. It's important to ensure that links are relevant, fully functional, and lead to the correct destinations to enhance user experience and uphold the integrity of the website.

 

Best practices

  • Descriptive Text: Always use clear and specific text for links so users know exactly what to expect. Avoid generic phrases like “click here” or “read more” and instead describe the destination or purpose of the link.

  • Avoiding Repetitive Link Text: Do not use the same link text for different links on the same page (like “read more” or “click here”), as this can confuse users, especially those using screen readers.

  • Additional Link Information: You can use the title attribute to provide extra details about the link, but keep it brief.

  • Link Context: Ensure that the context around the link makes its purpose clear, even if it’s read separately from the rest of the content.

  • Alternative Text for Non-Text Content: If a link includes images or other non-text elements, include alternative text that describes the link’s function or content.

 

Examples

  • Lacks all context: “Click here.”

  • Provides excessive context: “Click here to read article title.”

  • Context is concise: “Read article title.”