Ten simple accessibility tips for online forms
- Use the label elements to associate form controls to text label
- Ensure that the labels are descriptive
- Position labels appropriately to maximize predictability of relationships to their controls
- Where necessary show examples of expected data input, for example date format
- Group related form elements by using the fieldset and legend elements
- Group related options by using the optgroup element in a dropdown menu for example
- Ensure there is a logical tab order through form controls
- Include text instructions at the beginning of the form or set of fields that describes the necessary input
- Ensure that the user activates changes by the use of a submit button, for example don’t use onchange events on dropdown menus
- 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
This entry was posted
on Thursday, October 1st, 2009 at 5:06 pm and is filed under Accessibility.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.