Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

Screen reader users frequently navigate web pages, using the TAB key on the keyboard, through actionable items such as links, buttons and form controls. 

...

The button/link text alone should convey the function and purpose of the link.

Make sure that all links are provided at the point in the content at which they’re useful without visibibly displaying the URL or “here”.

Best Practice

Best practice is to provide descriptive actionable link text or button labels by default.

  • Good example: View all upcoming meetings

  • Bad example: View more

  • Good example: Start the process to apply for a marriage license.

  • Bad example: Click here to apply for a marriage license.

However, in situations when this is not possible the following techniques can must be used in order to provide descriptive link text for screen reader users.

You can use the “aria-label” or “aria-labelledby” attribute to provide screen reader users with descriptive link text.

...