Link Rules

HTML Markup Details

a element
Two-character character codes from a language value registry are used as the value of xml:lang attribute.
It is critical that the text associated with the link clearly indicate the target of the link. Uninformative link text like "click here" or "more" should not be used.
The same link texts should not point to different web resources and different link texts should not point to the same web resource.
alt attribute
Any time an img or area element is used to create a link, the alt attribute content should not describe the image, but instead describe the target of the link.

Accessibility Evaluation Rules

no. Testing Description Implementation
FAE Firefox
Accessibility
Extension
1 Warning/Pass

Link text should be meaningful when taken out of context; therefore, links that point to different URIs should have different text contents.

Implementation Notes

  • The text content of a link can be hidden to make the link that might otherwise appear confusing to screen reader users unique and meaningful by using the following techniques:
    1. Include span or other element within the link to hide additional text content.
    2. Define alt attribute content for an img or area element.
  • The effective link text of links that contain images will include the alt attribute content, in the order of appearance in the document of the images, in addition to the text content of the link.
  • Automated validators will remove common default file names from a URI for the purpose of comparison, but maintain any additional URI information that follows the default file name. Examples of default file names are:
    1. index.* (i.e. index.html, index.htm, index.php, etc)
    2. default.* (i.e. default.html, default.htm, default.asp, etc)
NI 1.5
2 Warning/Pass

An image that is the entire content of a link should be at least 16x16 pixels in size.

NI 1.5
3 Warning/Pass

The text content of a link should be at least 4 characters in length when rendered graphically.

NI 1.5
4 Warning/Pass

For links that include an img element and text content, the alt attribute content of the img element should not repeat the text content of the link. Images that are the used as icons to help users identify the purpose of a link should have their alt attribute set to empty or be included in the graphical rendering as a CSS background image.

NI 1.5
5 Check/Pass

The first link on a page should be a skip navigation link that contains the word "skip" and the href attribute should point to an internal destination. The skip navigation link should be visible to all users when the link has focus and must comply with other link rules.

Implementation Notes

  • Many accessibility requirements, including the Illinois Information Technology Accessibility Act, require the use of the skip navigation link, but there is a disagreement about the utility of skip navigatin link when heading (h1-h6) markup is properly used to indicate the structure of content on the page. Therefore, the presence of the link on a web resource will result in the web resource satisfying this requirement ("Pass") while the absence of the link will only cause "Check"; the authors can then judge whether they need to include the skip navigation link in their resources.
NI NI
6 Check/Pass

The target of internal links need to include a tabindex attribute with the value set to "-1". This is required for Internet Explorer to move keyboard focus when the internal link is activated.

NI NI
7 Check/Pass

Small links should not be placed close together.

NI NI

FAE Rule Implemetation

Illinois Functional Accessibility Evaluator 1.0
The Illinois Functional Accessibility Evaluator is a web based tool to help developers evaluate web resources for the use of the iCITA HTML best practices.
Web interface cannot currently analyze content generated dynamically with javascript.
Illinois Firefox Accessibility Extension
The Illinois Firefox Accessibility Extension is a Firefox add-in that is designed to identify accessibility features for both static and dynamically generated html content.
Useful for identifying the location of specific accessibility problems for failures and warnings indentified in FAE reports.
Create FAE reports for a page that uses javascript to generate page content with the FAE DHTML Report feature.