Links
Links
Related to success criteria
Design guide
A link is a type of UI control that performs one or more of the following behaviours:
- Takes the user to another web page
- Jumps to another location within the same web page
- Performs specialized UI functionality determined by client side scripting (JavaScript)
The link element is <a>
Link text
Provide link text inside either the:
<a>elementtitleattributealtattribute of any<img>element within the link
Ensure independent context of link text. Additional context can be established using either:
- The paragraph, sentence, list item, parent list item, table cell, or table heading enclosing the link; or
- The preceding heading element.
Use consistent link text for all links which perform the same function.
Note: Independent context means that the purpose of the link can be determined from the link text alone or other elements with a programmatically determinable relationship with the link.
Repeated navigation links
When a group of links are repeated on multiple web pages:
- The relative order of the links must be the same on each page
- A skip mechanism is provided (satisfied by default in WET for primary navigation).
Finding web pages
When establishing navigation on a web site, provide either a:
- Site map, providing links to different sections of the site; or
- List of links to all web pages within the web site; or
- Search engine for the site.
Important: Links have additional requirements because they are a type of UI control.
- Date modified: