How do I create an accessible hypertext link?
| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Introduction:
...
Use meaningful text for links
No capitalized letters
Do not use URLs for link text
Avoid using the word “link” as part of the link text
Do not use tooltips or screen tips to add more information
Instructions:
...
Creating Hypertext Links
1. Use meaningful text for links
...
A link text with capital letters is harder for users to read, but people with reading disabilities struggle even more. Additionally, screen Screen readers also may read the capitalized letters one by one instead of part of the word. This will be difficult to understand.
3. Do not use URLs for link text
Hypertext URLs (like https://www.fredonia.edu/about/offices/information-technology-services) should not be used. Screen readers will only read the URL as individual letters 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 unnecessary unneeded and is better to have more readable link text like Fredonia Homepage website.
...
To convey additional information about links to users, it is not recommended to use tooltips. Tooltips are pop-up windows that appear when users hover over links. It is best to include all relevant information within the text of the links themselves, as explained in step 1.
Tooltips are unnecessary unneeded and may create problems, especially for users with accessibility needs. For instance, people who use screen readers may disable tooltips to limit auditory information. Those who use only the keyboard cannot access tooltip content. AdditionallyAlso, users who require larger text may not be able to adjust the tooltip size within their browser. Furthermore, title attributes may not be supported on mobile devices such as phones and tablets.
...
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.
Links for Printed Documents
...
For more information about WCAG 2.1 Web Accessibility Guidelines visit https://www.w3.org/TR/WCAG21/ (https://www.w3.org/TR/WCAG21/).
\uD83D\uDCCB Related articles
...