Context-Sensitive Field Help
Our Objectives
- Contain all Context-Sensitive help within the markup of the web form, placed below each field label.
- Control the open/close display state of the help by user action through unobtrusive DOM/JavaScript.
- Open help by activating/clicking the help icon image on the right side of a field label.
- Close help by activating/clicking the help icon image a second time.
- If scripting is turned off in the browser:
- Automatically display the help content beneath each field label.
- Disable the anchor links applied to all help icon images.
Meeting the Objectives
Follow these steps to test the Context-Sensitive field help in the following form:
- Mouse activation:
- Click the Help icon next to a field label in the form to open the Context-Sensitive help.
- Click the same help icon again to close the field help.
- Keyboard activation:
- Press the TAB key to gain focus on a help icon.
- Press the ENTER key on your keyboard to open the Context-Sensitive help for that field.
- Press the ENTER key again to close the Context-Sensitive help for that field.
- Turn off scripting in your browser:
- Refresh the web page.
- Each field help section will be displayed below its label.
- Hyperlinks in the help icon images will be disabled.