Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-30839

form validation and error recovery

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      In IE8, Chrome and Firefox, using Standard and Clean themes:

      1. Edit a course
      2. Empty the full name field
      3. Tab out of the field
      4. Ensure the error message pops up
      5. Ensure the error message has focus
      6. Ensure that pressing tab puts you back in the empty full name field
      7. Repeat test with clicking outside the box, rather than tabbing out.
      Show
      In IE8, Chrome and Firefox, using Standard and Clean themes: Edit a course Empty the full name field Tab out of the field Ensure the error message pops up Ensure the error message has focus Ensure that pressing tab puts you back in the empty full name field Repeat test with clicking outside the box, rather than tabbing out.
    • Affected Branches:
      MOODLE_21_STABLE
    • Fixed Branches:
      MOODLE_24_STABLE, MOODLE_25_STABLE
    • Epic Link:
    • Pull from Repository:
    • Pull Master Branch:
      MDL-30839-master
    • Pull Master Diff URL:
    • Story Points:
      20
    • Sprint:
      FRONTEND Sprint 3

      Description

      A better mechanism needs to be used to help users identify errors in form submissions. The text that appears on the page after an invalid submission is not easily found by screen reader users. There are several techniques for improving error recovery in forms. The basic premise is to
      1. either automatically set the focus to the error message (usually used server-side validation) or use ARIA attributes to notify the user of an error message (usually used client-side validation)
      2. provide enough detail in the error message so the user knows what the error was
      3. provide links within the context of the error message to allow users to easily jump to the parts of the form where errors occurred

      WebAIM's tutorial on Error Recovery in Forms
      http://webaim.org/techniques/formvalidation/#error

      W3C Technique for "Creating a mechanism that allows users to jump to errors"
      http://www.w3.org/TR/WCAG20-TECHS/G139.html

        Attachments

          Issue Links

          has been marked as being related by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-50791 Signup form does not have a heading; server-side form validation errors are not accessible

          • Major - Major loss of function, incorrect output
          • Closed

          Improvement - An enhancement to an existing Moodle feature. MDL-52998 Form validation scroll to first error

          • Minor - Minor loss of function where workaround is possible
          • Closed
          will help resolve

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MDL-31016 Form validation does not focus on HTML Editors

          • Minor - Minor loss of function where workaround is possible
          • Closed

            Activity

              People

              Assignee:
              phalacee Jason Fowler
              Reporter:
              gdkraus Greg Kraus
              Peer reviewer:
              Andrew Davis
              Integrator:
              Dan Poltawski
              Tester:
              Rossiani Wijaya
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias
              Votes:
              2 Vote for this issue
              Watchers:
              10 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                9/Sep/13