Non-distinguishable Links
Posted on March 10, 2017 by Webmaster
"Error occurs when same text is used for links pointing to different destinations."
Example:
For instance an error will occur if the text "Admissions" is used twice on your webpage
and it is linked to different destinations. Here is how that can happen:
First "Admissions" link is pointing to Office Admissions root directory at:
https://www.southalabama.edu/departments/admissions/
While the second "Admissions" link is pointing to the index.html file at:
https://www.southalabama.edu/departments/admissions/index.html
Although they are going to the same location, some reader applications will treat
the links as pointing to a different destinations.
How to fix the error:
- Always make sure to create links using Ou dependency tags pointing to the destination
websites root directory instead of pointing directly to the index file.
- If you are linking to separate destination sources then make sure internet users utilizing
a screen reader can distinguish between the links by doing on of the following:
- Link text is unique. For example "Undergraduate Admissions" & "Graduate Admissions" instead of "Admissions.
- Using aria-label* attribute to place a descriptive text label on your link object.
- In addition to using aria-label make sure your link title is using a unique value.
* What is aria-label?
aria-label helps readers override the text supplied within the link.
Share on Social Media