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
    • Pull from Repository:
    • Pull Master Branch:
      MDL-30839-master
    • 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

            Activity

              People

              Assignee:
              phalacee Jason Fowler
              Reporter:
              gdkraus Greg Kraus
              Peer reviewer:
              Andrew Davis
              Integrator:
              Dan Poltawski
              Tester:
              Rossiani Wijaya
              Participants:
              Component watchers:
              Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Jake Dallimore, Jun Pataleta
              Votes:
              2 Vote for this issue
              Watchers:
              10 Start watching this issue

                Dates

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