Stylish and Accessible Forms

Andy Clark has written a great article/tutorial that discusses how to create Stylish and accessible forms.

His article reminds us to :

  • Always use the label tag and associate it with form elements.
  • Group related elements using the fieldset tag.
  • Provide a title or legend for each field set using the legend tag.
  • Group radio buttons in a fieldset tag, and provide a label for each checkbox.
  • Always provide a button to submit forms. Don’t use JavaScript to automatically submit them.
  • Provide a logical form layout.