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

Boost: Gear icon does not function as an accessible menu

XMLWordPrintable

    • MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_36_STABLE
    • MOODLE_34_STABLE, MOODLE_35_STABLE
    • MDL-62139-master
    • 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).

      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.

        1. 0001-MDL-62139-output-Menus-fixes-master.patch
          1 kB
        2. 0002-MDL-62139-output-Revert-template-changes-34.patch
          2 kB
        3. 0002-MDL-62139-output-Revert-template-changes-35.patch
          2 kB
        4. 0002-MDL-62139-output-Revert-template-changes-master.patch
          3 kB
        5. 0003-MDL-62139-behat-Invalid-test.patch
          1 kB
        6. action_menu_test.js
          1 kB
        7. indicator_drag.PNG
          indicator_drag.PNG
          2 kB
        8. integration34_MDL-62139.mp4
          2.03 MB
        9. misaligned-cogs.png
          misaligned-cogs.png
          7 kB
        10. out-of-boundaries-usermenu.png
          out-of-boundaries-usermenu.png
          8 kB
        11. Screen Shot 2018-08-13 at 09.41.25.png
          Screen Shot 2018-08-13 at 09.41.25.png
          27 kB

            damyon Damyon Wiese
            kedgar Kim Edgar
            Michael Hawkins Michael Hawkins
            David Monllaó David Monllaó
            Anna Carissa Sadia Anna Carissa Sadia
            Votes:
            0 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:
              Resolved:

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