Hyperlinks
Links text should be unique, easy to read aloud when possible, and make sense out of context.
Use unique link text where possible. Avoid link text like “Click Here,” “More,” “Read More,” “Link” etc.
- Links text should be unique and easy to read aloud when possible
- If not possible, proper aria label with description is required
Full sentences are ok but use sparingly.
Do not capitalize all letters in links.
Do not link to the same URL using different words on the same webpage.
Avoid using underlines in paragraphs as it can look like a link.
Use judgment when using the full URL as a link, remembering that this get read out by a screen reader:
- ok: UW Bothell Admissions FAQ
- avoid: /admissions/apply/faq If the link goes to a file, consider adding the kind of file type as a part of the link text:
When possible, include the file type to downloaded or external files
- Campus Map (PDF)
- Lecture Slides (PowerPoint)
- Application (Word)
Do not open links in new windows, with the exception for forms. Allow the user to control their experience.
Additional reading
https://www.washington.edu/accessibility/websites/links-buttons/
https://accessibility.psu.edu/linktext/
https://www.nngroup.com/articles/new-browser-windows-and-tabs/
https://www.nysed.gov/webaccess/create-accessible-hypertext-links
https://webaim.org/techniques/hypertext/hypertext_links
https://www.sitepoint.com/15-rules-making-accessible-links/
https://dequeuniversity.com/checklists/web/links
https://accessibility.umn.edu/what-you-can-do/start-7-core-skills/links
https://www.csun.edu/universal-design-center/best-practices-accessible-links