VGAR Content Requirements
Requirements
Content
Logical Link Text (CON-WEB-005)
Write link text that makes sense to all users
Link text must describe the destination or purpose of every link in a way that makes the destination or purpose clear to all users when taken out of context. Some of the link text may be hidden via CSS provided the text left visible makes sense when taken out of context of the enclosing sentence, table header(s) or preceding heading.
For instance, link text like “click here” does not communicate link purpose or destination unless you can see the surrounding content.
Requirements
Link Text In and Out of Context (CON-WEB-005-01)
Link text MUST describe the destination or purpose of every link in a way that makes the destination or purpose clear to all users when taken out of context (i.e., in a list of links for the page). Some of the link text may be hidden via CSS provided the text left visible makes sense when taken in context of the enclosing sentence, table header(s) or preceding heading.
Test Procedures
Screen reader > Links (CON-WEB-005-01-T)
Bring up the list of links with each supported screen reader if available and confirm that all link text describes the destination or purpose of every link in a way that makes the destination or purpose clear to all users when taken out of context (i.e., in a list of links for the page). Some of the link text may be hidden via CSS provided the text left visible makes sense when taken in context of the enclosing sentence, table header(s) or preceding heading.
Related Content
WCAG Success Criteria
W3C Techniques
- G91: Providing link text that describes the purpose of a link
- H30: Providing link text that describes the purpose of a link for anchor elements
- H24: Providing text alternatives for the area elements of image maps
- G53: Identifying the purpose of a link using link text combined with the text of the enclosing sentence
- H33: Supplementing link text with the title attribute
- C7: Using CSS to hide a portion of the link text
- ARIA7: Using aria-labelledby for link purpose
- ARIA8: Using aria-label for link purpose
- H77: Identifying the purpose of a link using link text combined with its enclosing list item
- H78: Identifying the purpose of a link using link text combined with its enclosing paragraph
- H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells
- H2: Combining adjacent image and text links for the same resource
- H80: Identifying the purpose of a link using link text combined with the preceding heading element
Common Failures
These materials and steps outlined on this website are provided “AS IS” and are intended for illustrative purposes only. They should not be relied upon for marketing, legal, tax, financial, regulatory or other advice. You are responsible for the legal aspects of any implementation of the concepts illustrated herein. Further, Visa neither makes any warranty or representation as to the completeness or accuracy of this information, nor assumes any liability or responsibility that may result from reliance on such information. You should not act or rely on such content without seeking the advice of a professional. All brand names, logos and/or trademarks are the property of their respective owners, are used for identification purposes only, and do not necessarily imply product endorsement or affiliation with Visa.