ARIA and HTML5 form controls

Labeling form controls

  • label element (HTML4/HTML5)
  • title attribute (HTML4/HMTL5)
  • fieldset/legend elements (HTML4/HTML5)
  • aria-labelledby attribute (ARIA 1.0)
  • aria-label attribute (ARIA 1.0)

Instructions

  • tabindex="0" attribute to add instructions to tab order (convention)
  • title attribute (HTML5)
  • aria-describedby attribute (ARIA 1.0)

Identifying Required and Invalid Form Controls

  • Image with ALT Text
  • Text content (hidden or visible)
  • aria-required attribute (ARIA 1.0)
  • aria-invalid attribute (ARIA 1.0)
  • required attribute (HTML 5)
  • alert role for announcing errors