Techniques for WCAG 2.0

Skip to Content (Press Enter)

This document is a draft, and is designed to show changes from a previous version. It is presently showing added text,changed text,deleted text,[start]/[end] markers,and Issue Numbers.

Hide All Edits   |   Toggle Deletions  |   Toggle Issue Numbers   |   Toggle [start]/[end] Markers   |   Show All Edits

Changes are displayed as follows:

-

G71: Providing a help link on every Web page

Applicability

All technologies.

This technique relates to:

Description

The objective of this technique is to provide context sensitive help for users as they enter data in forms by providing at least one link to the help information on each Web page. The link targets a help page with information specific to that Web page. Another approach is to provide a help link for every interactive control. Positioning this link immediately before or after the control allows users to easily tab to it if they have problems in the control. Displaying the help information in a new browser window ensures that any data that has already been entered into the form will not be lost. NOTE: A link is not the only means to provide help.

Examples

Example 1

The example below shows a label element that includes a help link. Including the help link within the label element allows screen reader users to have access to the help link when interacting with the input form control.

Example Code:


<form action="test.html">
	<label for="test">Test control
	<a href="help.html" target="_blank">Help</a></label>
	<input type="text" name="test" id="test" />
</form>

Tests

Procedure

  1. Identify a Web page that contains forms.

  2. Determine if there is at least one link to help information specific to completing the form on this Web page or other resource.

  3. Determine if there are links either before or after each interactive control to help information specific to that control.

Expected Results