Forms

Form controls and text-entry fields need to have associated labels to give them context for screen reader users.

The procedure

  1. If you have not already done so, download and install the Firefox Accessibility Extension.

  2. After restarting Firefox you should see the accessibility toolbar at the top of the browser window. Choose the Forms item under the Navigation menu pick:

    screen shot of the Firefox accessibility extension forms menu pick
  3. A pop-up window will open displaying the form element information for that page:

    wat-forms-list
  4. Check to make sure that label text is present for each form control and text-entry field and that the text is concise and specific to each form element.

Note that in the above screen shot there are several form elements lacking labels, and these rows are flagged by a red background color. Selecting a row in the pop-up window will highlight the associated form element in the the original web page window, so it is easy to locate the problem areas of the HTML code.

View the forms best practices page for more information on correct labeling.

back to top