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

Forms help icons are placed within labels

XMLWordPrintable

    • MOODLE_21_STABLE, MOODLE_22_STABLE, MOODLE_23_STABLE
    • MOODLE_26_STABLE
    • MDL-36005-master
    • 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.
    • 20
    • FRONTEND Sprint 3

      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.

        1. screenshot-1.jpg
          253 kB
          Michael de Raadt

            damyon Damyon Wiese
            jrh18 Jason Hardin (Inactive)
            Jérôme Mouneyrac Jérôme Mouneyrac
            Sam Hemelryk Sam Hemelryk
            Andrew Davis Andrew Davis
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.