10 Ways to Improve Your Site's Accessibility

Accessible Forms

Forms represent a fundamental level of interaction between a user and a website, but inaccessible forms can impede that interaction. Some barriers include:

  • The inability to recognize the purpose of a form field
  • Inability to track progress through the form
  • Inability to recognize or correct required input patterns, errors
  • Inability to determine the relationship between multiple form controls, such as radio buttons or checkboxes

Facilitate navigation, recognition, and progress in forms

  • Provide LABEL or TITLE to all form elements
  • Group related form controls with <fieldset> and <legend>
  • Use ARIA-LabelledBy to associate a form control with one or more unique selectors
  • Use ARIA-Required to indicate required form fields
  • Use :focus to change display state on keyboard focus