Customize your sidebar: Keyboard focus not set onto modal dialog

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      Keyboard and screen reader users cannot access the "Customize your sidebar" dialog.

      Steps to Reproduce

      1. Open the Jira Cloud homepage.
      2. Navigate to the sidebar and activate the “More” button.
      3. Using a screen reader and keyboard, navigate to the “Customize sidebar” button and activate it to open the dialog.
      4. Attempt to navigate the dialog content and observe that focus does not move to the dialog.
      5. Press the Tab key to navigate.
      6. Observe that focus does not move to the dialog, preventing keyboard access and requiring mouse interaction.

      Screen Recording

      Focus Management Issue

      Actual Results

      When users activate the “Customize sidebar” button, the “Customize your sidebar” modal dialog appears on the page. However, programmatic focus does not move to the dialog; instead, it moves to the top of the page.

      Although the modal dialog is visually centered on the screen, its content is positioned at the end of the page in the DOM. Additionally, the dialog is not reachable using the Tab key, preventing keyboard users from accessing it without using a mouse. Screen reader users must manually navigate to the dialog using screen reader commands before they can interact with its elements. As a result, users cannot directly navigate to or interact with the dialog via keyboard alone or with a screen reader.

      Expected Results

      The programmatic focus should be set on the first logical element of the dialog as soon as it appears.

      Apply the following changes:

      • Set the keyboard focus to the first logical element, such as the “Close” button in the modal dialog, using JavaScript’s .focus() method.
      • Ensure users can navigate through all interactive elements inside the modal using the Tab key.
      • Modify the scripts so that Tab and Shift + Tab keystrokes wrap the keyboard focus within the modal dialog across all browsers.
      • Focus should return to the triggering element when the modal is closed.

      For guidance on creating accessible modal dialogs, refer to: Modal Dialog Example.

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Tahoe 26.3
      Operations - Windows11
      Chrome - Version 146.0.7680.165 (Official Build) (64-bit)
      Safari- Version 26.3
      JAWS- Version 2023
      NVDA- Version 2025.3.3
      VoiceOver - Version Latest

              Assignee:
              Lang Chen
              Reporter:
              Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: