Basic Form
Forms are the primary means for a user to interact with a company or organization. They are used to supply information, search a database, join a mailing list, etc..
Challenges disabled users face with a form's layout are:
- What step are they on in a multi-step form
- Quick keyboard access on any common buttons
-
Modify page's <title> tag to indicate Step # of #:
default.htm (excerpt)
<title>Simple Registration Form | Step 1 of 3</title>
-
Use accesskey attribute to allow for quick access of any common buttons:
default.htm (excerpt)
<button accesskey="r" …>< Previous</button>
<button accesskey="n" …>Next ></button>
<button accesskey="s" …>Submit</button>
-
Visual Inspection
- Verify that the user's current location can be found in the browser's tab bar
-
Keyboard
- If an access key is known through documentation, underline, pressing the CTRL key, verify object is activated on its use
Visual Inspection
- See if there is an underline specifying the access key
- Press the Ctrl key, see if access keys are displayed
- Select Structure - Access Keys
- Verify access keys are provided for the first form field and common buttons
NOTE: access keys should ONLY be applied to the common buttons.
-
JAWS
- Press Insert + T
- Verify Title Bar information is read
-
JAWS
- Press Insert + F5 to display the associated access keys
- Press the access key combination to activate the field or button
MAGic
- Press CapsLock + F5 or Insert + F5 to display the associated access keys
- Press the access key combination to activate the field or button
NOTE: access keys should ONLY be applied to the common buttons.
