Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-99745

Insert SAP ADDRESSBOOK Macro Dialog: Keyboard focus not restricted in modal dialog

XMLWordPrintable

      Issue Summary

      The keyboard focus is not restricted within the "Insert SAP ADDRESSBOOK Macro" modal dialog.

      Steps to Reproduce

      1. Open the Confluence DC instance.
      2. Navigate to the header section, activate the "Spaces" control, and open any space.
      3. In the main content area, open any existing page and activate the "Edit" control.
      4. In the Toolbar, select "Insert more content" and then click on "Other macros".
      5. In the Search form field, type "SAP ADDRESSBOOK", then activate the "SAP ADDRESSBOOK" control to open the modal dialog.
      6. Navigate through the dialog content pressing Tab or Shift + Tab keys and observe that the background content receives focus.

      Screen Recording

      Keyboard Focus Not Restricted.mp4

      Actual Results

      The keyboard focus is not restricted within the "Insert SAP ADDRESSBOOK Macro" 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.

      This creates a poor experience for keyboard-only users, as it breaks the expected modal interaction pattern.

      Expected Results

      Ensure that keyboard focus is properly restricted within the modal dialog.

      Apply the following changes:

      • Prevent focus from moving outside the modal dialog when navigating with the Tab or Shift + Tab keys.
      • Ensure that pressing Tab on the last interactive element moves focus to the first interactive element within the modal.
      • Ensure that pressing Shift + Tab on the first interactive element moves focus to the last interactive element within the modal.
      • Modify the scripts to implement and maintain this focus behavior consistently across all supported browsers.

       

      For information on creating accessible modal dialog refer:

      Accessible Modal Dialog Example – W3C

      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 Sequoia 15.4.1
      Operations - Windows11
      Chrome - Version 135.0.7049.42 (Official Build) (64-bit)
      Safari- Version 18.4
      Firefox- Version 135.0 (64-bit)
      JAWS- Version 2023
      NVDA- Version 2024.4.2
      VoiceOver - Version Latest

        1. Focus Bug Fixed.mp4
          14.92 MB
        2. Keyboard Focus Not Restricted.mp4
          13.47 MB

              bb797b5e39e7 Judy Lim
              deddb3877943 Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: