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

Forms help icons are placed within labels

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      In firefox, chrome (or safari) and ie - open a form.

      Verify the help icons appear next to the labels - for short labels they should be on the same line - for long labels it is ok if they wrap.

      With a screen reader tab to an input field. Verify the label is read but not the help.

      Show
      In firefox, chrome (or safari) and ie - open a form. Verify the help icons appear next to the labels - for short labels they should be on the same line - for long labels it is ok if they wrap. With a screen reader tab to an input field. Verify the label is read but not the help.
    • Affected Branches:
      MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-36005-master
    • Story Points:
      20
    • Sprint:
      FRONTEND Sprint 3

      Description

      Issue
      Form labels - Moodle forms inputs that have help icons place the help icon within the label for the inputs this clutters the label text and makes it impossible to understand the function of the input. This is because the help text is spoken by the screen reader as part of the label for the input field

      Standard Level
      WCAG 2 1.1.1 (A) http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html

      Impact
      Critical

      Example Link
      http://core/course/view.php?id=2#section-0

      Test Steps

      1. Login as teacher
      2. Access the CF101 course
      3. Add an assignment
      4. With a screen reader navigate to the allow submissions from field. Listen to what is spoken.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  18/Nov/13