Electronic Forms

Accessibility Standards Checklist

Requirement

Make electronic forms accessible to assistive technology.

Reason

Currently, the interaction between form controls and screen readers can be unpredictable, depending upon the design of the page containing these controls. HTML forms pose accessibility problems when Web developers separate a form element from its associated label or title. For instance, if an input box is intended for receiving a user's last name, the Web developer must be careful that the words "last name" (or some similar text) are associated with it. Labeling form controls helps the visually impaired user identify which label goes with which form control and allows users to properly fill out a form online.

Examples

Labels

Labels around the element inform the user that the input to go into the box corresponds to the label name. Once you label the title of the input box, you must also id the input box to correspond with the label.

  • <form action="post" name="formname" autocomplete="off">
    • <label for="name">Name</label> <input name="name" id="name" size=30> <Br>
    • <label for="address">Address</label> <input name="address" id="address&quot size=45> <Br>
    • <input type="submit" value="Submit">
    • <input type="reset" value="Reset">
  • </form>

Suggestions for testing this on your pages

[Back To List]