Accessible form

Show fixes and notes

Fixes

  • label tags used (H44).
  • Required fields indicated with text (H90).
  • Using native elements for datepicker, select and checkbox.
  • Tooltip inserted into label tags.
  • Error messages inserted into label tags (G83).
  • First invalid field focused (SCR18).

Notes

  • Corresponding success criteria: 3.3.1 Error Identification, 3.3.2 Labels or Instructions.
  • See Accessible Client-side Form Validation with HTML5, WAI-ARIA, & the jQuery Validation Plugin by Paul J. Adam for a solution using the well-known jQuery Validation Plugin.
Forward to "Form validation using ARIA" » « Back to "Inaccessible form" Index