knowbility
Accessibility, What NOT to do

Forms

Guidelines

WCAG 2.0

  • 1.3.6. Information required to understand and operate content does not rely on shape, size, visual location, or orientation of components. [Level 3.]
  • 4.2.4. The label of each user interface control that accepts input from the user can be programmatically determined and is explicitly associated with the control.

section 508

§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.

Goals

  1. Place form labels next to their corresponding form controls.
  2. Provide markup for labels, using the <label> tag.
  3. Group related form elements using the <fieldset> tag.
  4. Provide a title or "legend" for each field set using the <legend> tag.
  5. Group radio buttons in a <fieldset> tag, and provide a <label> for each checkbox.
  6. Group checkboxes in a fieldset tag, and provide a <label> for each checkbox.
  7. Always provide a button to submit forms. Don't use JavaScript to automatically submit them.

Resources

 

previous | next