Field Help Method

Context-Sensitive Field Help

Our Objectives

  1. Contain all Context-Sensitive help within the markup of the web form, placed below each field label.
  2. Control the open/close display state of the help by user action through unobtrusive DOM/JavaScript.
    1. Open help by activating/clicking the help icon image on the right side of a field label.
    2. Close help by activating/clicking the help icon image a second time.
  3. If scripting is turned off in the browser:
    1. Automatically display the help content beneath each field label.
    2. 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:

  1. Mouse activation:
    1. Click the Help icon next to a field label in the form to open the Context-Sensitive help.
    2. Click the same help icon again to close the field help.
  2. Keyboard activation:
    1. Press the TAB key to gain focus on a help icon.
    2. Press the ENTER key on your keyboard to open the Context-Sensitive help for that field.
    3. Press the ENTER key again to close the Context-Sensitive help for that field.
  3. Turn off scripting in your browser:
    1. Refresh the web page.
    2. Each field help section will be displayed below its label.
    3. Hyperlinks in the help icon images will be disabled.
Enquiry Form

Activate/Click a Help icon to open or close help.

Please select a subject in the dropdown list.

Please enter your full name in the textbox.

Please enter your email address in the textbox.

Please enter your message in the textbox.

Check the box if you want to receive updates.

top