Content Comparison

Table of Contents

...

Good and Bad Link Text Examples:

• 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.

...

When using aria attributes for descriptive link text make sure that they are also accessible to speech to input users.

Don’t display the absolute URL as the link text. Screen readers will announce the link text one character at a time. For example:
https://docs.google.com/presentation/d/1u5Ga3RclMODBUmbl_ecI8MchB_XMN5IrdjS2srt4oEs/edit#slide=id.g33bb47331c4_0_100

Use of aria-label

The aria-label will completely override the default link text/button label.

...

• interactive elements: such as a link (when href attribute is present),audio and video (when controls attribute is present), input, select, button, textarea.

• implicit landmark elements: such as header, footer, nav, main, aside,section, and form.

• explicit landmark elements: such as an element with role="navigation".

• widget role elements: such as an element with role="dialog" or role="tooltip"(there are 27 widget roles in ARIA 1.1).

• iframe and img elements.

...