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

Unexpected Keyboard Focus Movement in Expand/Collapse Menus - Top Navigation Bar

XMLWordPrintable

    • MOODLE_403_STABLE

      Issue Description: 

      • In the "change language" and "user profile" sections of the top navigation bar, activating the expand/collapse menus automatically moves the keyboard focus to the first menu item. This behavior diverges from the expected user experience, where after expanding a menu, users anticipate using the tab or arrow keys at their discretion to navigate through the menu items. 

       

      Impact: 

      • This automatic focus movement can disorient keyboard-only users and screen reader users, as it forces them into a navigation path they may not have intended to take immediately upon expansion. The default behavior should allow users to control how they navigate through expanded menu items. 

      Remediation: 

      • Modify the script handling the expand/collapse functionality to ensure that expanding a menu does not automatically shift keyboard focus to the first item. Instead, the focus should remain on the menu's toggle button, allowing users to choose their next action freely. 

      WCAG Success Criteria: 

      • 2.4.3 Focus Order (Level A), 

      Testing Steps: 

      1. Navigate to the sections for "change language" and "user profile" of the top navigation bar (top left)
      1. Activate the expand/collapse functionality for these menus. 
      1. Observe the behavior of the keyboard focus post-activation. 

      Expected Result: 

      • Upon expansion, the keyboard focus should remain on the expand/collapse toggle button, allowing users to navigate through the menu items at their discretion. 

      Actual Result: 

      • Currently, activating the expand/collapse function automatically moves the keyboard focus to the first item in the menu, potentially confusing users and disrupting their intended navigation flow. 

        1. testing.gif
          294 kB
          Ron Carl Alfon Yu

            Unassigned Unassigned
            MichaelXu Michael
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 20 minutes
                20m

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