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

Boost: Gear icon does not function as an accessible menu

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Note: Test in multiple browsers (eg Chrome and Firefox).

      Steps:

      1. Log into Moodle as an admin user, using the boost theme.
      2. Go to the dashboard.
      3. If the dashboard is not in edit view (cog icons are not visible on each of the blocks), click "Customise this page".
      4. Verify the accessibility of any of the "cog icon menu" dropdowns as follows:
      • Use tab key to focus on the menu cog. 
      • Verify the menu opens with "enter" key. 
      • Verify the menu closes with "escape" key.
      • Verify the menu does not reopen with "escape" key.
      • Verify the menu opens with "spacebar" key. 
      • Verify when the menu is opened, focus is on the first menu item.
      • Verify the up and down arrow keys move the focus up and down in the menu.
      • Verify that the home and end keys focus on the first and last entry in the menu.
      • Verify that pressing up on the first menu item, will move focus to the last menu item.
      • Verify that pressing down on the last menu item, will move focus to the first menu item.
      • Verify that typing the first letter of an entry in the menu will move focus to the first item that starts with that letter (case insensitive).
      Show
      Note: Test in multiple browsers (eg Chrome and Firefox). Steps: Log into Moodle as an admin user, using the boost theme. Go to the dashboard. If the dashboard is not in edit view (cog icons are not visible on each of the blocks), click "Customise this page". Verify the accessibility of any of the "cog icon menu" dropdowns as follows: Use tab key to focus on the menu cog.  Verify the menu opens with "enter" key.  Verify the menu closes with "escape" key. Verify the menu does not reopen with "escape" key. Verify the menu opens with "spacebar" key.  Verify when the menu is opened, focus is on the first menu item. Verify the up and down arrow keys move the focus up and down in the menu. Verify that the home and end keys focus on the first and last entry in the menu. Verify that pressing up on the first menu item, will move focus to the last menu item. Verify that pressing down on the last menu item, will move focus to the first menu item. Verify that typing the first letter of an entry in the menu will move focus to the first item that starts with that letter (case insensitive).
    • Affected Branches:
      MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_36_STABLE
    • Fixed Branches:
      MOODLE_34_STABLE, MOODLE_35_STABLE
    • Pull from Repository:
    • Pull 3.5 Branch:
    • Pull Master Branch:
      MDL-62139-master

      Description

      Screen readers announce a button called “Course/View”. The purpose of this button is unclear even upon expanding its content. This control is also coded as a link and uses role=”button” to present itself as a button. Preliminary testing could not determine where the label for this control is generated. Control has an id=dropdown-2.

      Suggestion: Provide a more descriptive name for this control using <label> or aria-label or aria-labeledby. Verify if this control is a link or button and use the corresponding HTML element instead of role=”button”.

      Note: Further testing found this to be the Boost equivalent of “course administration”. The “turn editing on” and “edit settings” controls become visible upon activating this button. The use of an <a> tag with role=”button” and no labeling creates inconsistency across browsers. IE tries to use the href from the link as a label whereas Firefox announces the control as unlabeled.

        Attachments

          Issue Links

            Activity

              People

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

                Dates

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