2.3 Hyperlinks
The Interaction
Another method for skimming a webpage with a screen reader is to listen to all of the links on the page.
The Solution
Link wording should clearly explain its destination and/or intent. Ambiguous phrasing can obscure a link's purpose.
Read your links out of context to insure they will stand alone as a screen reader presents them in order.
Avoid introductory phrases such as "click here" for a link.
Definitely do not use "click here" as a link on its own.
Do not use raw web addresses in links as the screen reader will read it aloud the entire URL.
Examples
Poorly written links:
Click here for directions.
Learn more about accessibility here.
Better...
Directions to Miami University are available online.
Learn more about accessibility standards from WebAIM.
Testing
Tota11y's "Link Text" option will identify any link that appear unclear.
On this page for instance it identified the poorly written link examples above.
Tip: If the overlays hide the errors, click the annotate checkbox in the errors window. Without the annotations, you can hover over each error and it will be highlighted on the page. If the error is not visible, click the magnifying glass icon to zoom to the error.
Last updated