Ten simple accessibility tips for online forms

  1. Use the label elements to associate form controls to text label
  2. Ensure that the labels are descriptive
  3. Position labels appropriately to maximize predictability of relationships to their controls
  4. Where necessary show examples of expected data input, for example date format
  5. Group related form elements by using the fieldset and legend elements
  6. Group related options by using the optgroup element in a dropdown menu for example
  7. Ensure there is a logical tab order through form controls
  8. Include text instructions at the beginning of the form or set of fields that describes the necessary input
  9. Ensure that the user activates changes by the use of a submit button, for example don’t use onchange events on dropdown menus
  10. If you have to use an onchange event ensure there is a clear explanation of what will happen when the control is changed prior to the controls activation

Leave a Reply