Rule FORM-1
The effective Label for a form control must uniquely identify the purpose of a form control on a web page.

Description

Best Practice Type: Manual Check

  • When form controls do not have labels the purpose of the form controls will not be understood by people with disabilities
  • Positioning text offscreen can be used to add additional context and instructional information to a form control label without using additional space on the screen
  • fieldset/legend elements can help make form controls with same label unique (ie. the address label in a shipping and billing address information)

Markup

input[type=text|password|radio|checkbox|file] (HTML4)

textarea (HTML4)

select (HTML4)

input[title] (HTML4)

label (HTML4)

fieldset/legend (HTML4)

input[type=image] (HTML4)

Associated Accessibility Guidelines and Standards

Guideline or
Standard
Requirement Priority Test
Type
IITAA 10.1 Provide labels or titles for all form fields. Required Violation
Section 508 1194.22 (n) When electronic forms are designed to be completed on-line, the form shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues. Required Violation
WCAG 1.0 12.4 Associate labels explicitly with their controls. Required Violation
WCAG 2.0 1.3.1 Info and Relationships Required Violation

Examples

Evaluation Techniues

Testsuite Tests

none