Links
Screen readers users rely on links to help them navigate content on the page and within the site. Following a few easy steps can create a positive experience for all users.
Why is this important?
“Screen reader users will frequently use the tab key to go through the links on the page, or they will use a keyboard shortcut to pull up a list of links.” (source: Deque)
If links are unclear or all the same, it’s apparent why navigating the website would be very difficult. Imagine how challenging if would be to understand your content if every link on your site said simply “Learn More.”
Tips for using links on your website
Use concise and meaningful text
Avoid using “Click here” or “Learn more” in links. Instead, use “Explore recipes,” “Meet our team,” etc. to provide context as to where the user will land if they proceed. If possible, try to also avoid starting links with “see” or “view” to create a more inclusive experience.
Avoid redundant links
Also referred to as adjacent links, redundant links can cause confusion for the user if they are not able to understand the surrounding context. For example, “Shop now,” “Shop now,” “Shop now” within the same module, does not provide the information users need. A better option would be “Shop jeans,” “Shop t-shirts,” and “Shop jackets.”
Avoid using URLs as links
Screen readers read every character of URLs, and can be tiresome to users. When using a link in a block of copy, instead of https://www.npr.org/2023/09/12/1197613803/what-streaming-tv-to-watch-netflix-hbo-max-hulu, for example, use NPR’s 2023 Fall Streaming TV Guide. Both links take the user to the same place, but a descriptive link label creates a more pleasing user experience overall.
Listen to the previous paragraph read with Mac’s VoiceOver functionality.
Ensure document links are clear
If the link will open or download a PDF or other doc, use, for example, “Accessibility Guide (PDF)” or “Accessibility Guide (Word document)” so that users understand the action that will be taken when clicking on the link.