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. 

...

Avoid the use of single word links (“Here”, “More”, “Go”).   Links should be clear, descriptive and able to stand on their own.  

  • 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 if the aria-label includes the default link text, aria-label="Learn more about the mayor's state of the city address", the speech input software will recognize the users command and activate that link.

Please see more detailed information on how to comply with this guideline.

What Elements Can Be Used With aria-label?

...

<a href="home.html">
<img src="house.gif" alt="home page icon">
Go to the home page
</a>

WCAG Related References

2.4.4 Link Purpose - In Context (Level A)

1.3.1 Info and Relationships (Level A)