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

Improve ActionMenu ARIA support

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 2.6
    • Fix Version/s: 2.6.1
    • Component/s: JavaScript
    • Labels:
    • Testing Instructions:
      Hide

      You need to confirm for:

      • block editing menus
      • course module editing menus
      • course management editing menus

      Instructions:

      • Use the keyboard to navigate to the menu
        • Confirm you can open the menu with Up, Down, Enter, Space
        • Confirm that pressing escape closes the menu
        • Confirm that when opened, the first menu item is selected
      • Open the menu using the mouse
        • Confirm that when opened, the first menu item is selected
      • Use Tab to move through the menu to the end
      • Tab again from the last item
        • Confirm that the next item after the menu was correctly selected
      • Shift + Tab once
        • Confirm that the menu link was once again focused
      • Open the menu
      • Press Tab once to go the second menu item
      • Shift + Tab once to go backward to the first menu item
      • Shift + Tab again
        • Confirm that the menu was closed and the link to open the menu was focused
      • Open the menu again
      • Use the up/down keys to navigate through it
        • Confirm that they work as expected
        • Confirm that they work as expected when moving over hidden menu items (e.g. the Move Left button is hidden in the course module editing menu)
        • Confirm that at the top + bottom, they cause the menu to wrap

      In a course:

      • Tab to the 'Edit' text
        • Confirm that pressing left/right moves you to the group icon (menuitem in menubar)
        • Confirm that pressing space toggles the group icon
      Show
      You need to confirm for: block editing menus course module editing menus course management editing menus Instructions: Use the keyboard to navigate to the menu Confirm you can open the menu with Up, Down, Enter, Space Confirm that pressing escape closes the menu Confirm that when opened, the first menu item is selected Open the menu using the mouse Confirm that when opened, the first menu item is selected Use Tab to move through the menu to the end Tab again from the last item Confirm that the next item after the menu was correctly selected Shift + Tab once Confirm that the menu link was once again focused Open the menu Press Tab once to go the second menu item Shift + Tab once to go backward to the first menu item Shift + Tab again Confirm that the menu was closed and the link to open the menu was focused Open the menu again Use the up/down keys to navigate through it Confirm that they work as expected Confirm that they work as expected when moving over hidden menu items (e.g. the Move Left button is hidden in the course module editing menu) Confirm that at the top + bottom, they cause the menu to wrap In a course: Tab to the 'Edit' text Confirm that pressing left/right moves you to the group icon (menuitem in menubar) Confirm that pressing space toggles the group icon
    • Affected Branches:
      MOODLE_26_STABLE
    • Fixed Branches:
      MOODLE_26_STABLE
    • Pull Master Branch:
      MDL-42796-master

      Description

      In addition to the tab and shift+tab, we should make the menu respond to:

      • up
      • down
      • escape

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  13/Jan/14