< Back to Guides | Learn more at PaulJAdam.com >

Links - Accessibility Quick Guide

Links are used to create connections between .html documents and websites. Screen reader users can pull up a list of all links on the page and tab through all the links. If the link text is not meaningful then the screen reader user will not know the link's purpose.

JAWS dialog window with Click Here listed multiple times Image from Links | Web Accessibility

Guidance

  1. Never use "Click Here", "Read More", "Learn More" links that are not meaningful! (Learn more about what?)
  2. If the visible link text is not meaningful then you can use an aria-label or aria-labelledby attribute to modify the accessible name of the link. e.g. aria-label="More about Auto & Home Insurance".

WCAG Success Techniques

Bad Example

Click Here to learn more about accessibility.

Auto & Home Insurance

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

More >

Good Example

Learn more about accessibility.

Auto & Home Insurance

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

More >