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

form validation and error recovery

    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
    • Pull from Repository:
    • Pull Master Branch:
      MDL-30839-master
    • Story Points (Obsolete):
      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

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Votes:
                  2 Vote for this issue
                  Watchers:
                  10 Start watching this issue

                  Dates

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