Home page: Keyboard focus not restricted in modal dialog

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      When navigating the  "Welcome" modal dialog, keyboard and screen reader focus moves to background content instead of remaining trapped within the dialog.

      Test URL

      https://hibb-cloud.atlassian.net/wiki/spaces/HC/overview?mode=global

      Steps to Reproduce

      1. Open the HIBB Confluence home page.
      2. Observe that a “Welcome” modal dialog appears as soon as the page is loaded.
      3. Navigate through the dialog content pressing Tab or Shift + Tab keys and observe that the background content receives focus.
      4. Listen that the background content is announced as well while navigating with virtual cursor (up and down arrow keys)

      Screen Recording

      Focus Management Issue in Model Dialogue Demonstration 🔍.mp4

      Actual Results

      Keyboard focus is not restricted in the "Welcome" modal dialog. Hence, focus moves on to the background content when users press Shift + Tab keys from the first interactive element or Tab key from the last interactive element of the modal dialog. Same behaviour is observed when users navigate using virtual cursor (up and down arrow keys) of screen reader as the background content is read out thereby creating a confusing experience for the screen reader and keyboard-only users.

      Expected Results

      Focus should be restricted in the modal dialog while navigating with a screen reader or keyboard.

      Apply the following changes ->

      • Use aria-hidden="true" and tabindex="-1" on the background page container to hide background content from screen readers and keyboard-only users while the modal dialog is open.
      • Ensure that the aria-hidden and tabindex="-1" attributes are removed from the background container when the user closes the modal dialog.
      • Modify the scripts so that Tab and Shift+Tab always wrap focus between the first and last focusable elements inside the modal dialog, keeping keyboard focus trapped within the dialog in all supported browsers.

      For more information, refer: 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 26.3 (25D125)
      Windows - 11 pro
      Chrome - Version 145.0.7632.76 (Official Build) (arm64)
      Safari - Version 26.2 (21623.1.14.11.9)
      JAWS - Version 2025
      NVDA - Version 2024.4.2.35031
      Voiceover - Version Latest

              Assignee:
              Unassigned
              Reporter:
              Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated: