Versions Compared

Key

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

How do I create an accessible hypertext link?

Table of Contents
minLevel1
maxLevel6
outlinefalse
stylenone
typelist
printablefalse

...

  1. Use meaningful text for links

  2. No capitalized letters

  3. Do not use URLs for link text

  4. Avoid using the word “link” as part of the link text

  5. Do not use tooltips or screen tips to add more information

...

...

Hypertext URLs (like https://www.fredonia.edu/about/offices/information-technology-services) should not be used. Screen readers will only read the URL one letter at a time and would be very time consuming. Short URLs can be used but only to show what the URL is, (like www.fredonia.edu). However, this sort of link is unneeded and is better to have more readable link text like Fredonia Homepage website.

...

Accessible Hypertext Link:

For more information about , visit WCAG 2.1 Web Accessibility Guidelines visit https://www.w3.org/TR/WCAG21/

Inaccessible Hypertext Links:

For more information about WCAG 2.1 Web Accessibility Guidelines visit https://www.w3.org/TR/WCAG21/.

For more information about WCAG 2.1 Web Accessibility Guidelines visit click here.

...

For more information about WCAG 2.1 Web Accessibility Guidelines visit https://www.w3.org/TR/WCAG21/ (https://www.w3.org/TR/WCAG21/).

...