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

Configure Sidebar: button not accessible for keyboard & screen reader users.

XMLWordPrintable

      Issue Summary

      The "edit space details" button in sidebar is not accessible for keyboard & screen reader users.

      Steps to Reproduce

      1. Navigate to the mentioned page.
      2. Navigate to the "Configure Sidebar" link and activate it.
      3. Using the screen reader, navigate to the "Edit space details" button.

      Screenshot

      Actual Results

      When user is configuring sidebar, the button "edit space details" is not accessible for keyboard & screen reader users. 

      Also the user profile links receives keyboard focus unnecessarily as they don’t have any functionality in this mode.

      Expected Results

      All the interactive elements on the page must be accessible for keyboard & screen reader users.

      Code the mentioned element with <button> & provide accessible name via aria-label attribute.

      Also provide aria-expanded attribute to convey the state to screen reader users & update the value as per user interaction.

      <button aria-label="edit space details" aria-expanded="false" class="flyout-handle icon aui-icon aui-icon-small aui-iconfont-edit"></button>

      Also in configure sidebar mode ensure that the user profile links doesn’t receive keyboard focus unnecessarily.

      Workaround

      Currently, there is no known workaround for this behaviour. 

      Environment 

      MacBook Pro (16-inch, 2019)
      macOS 13.4.1 (c) (22F770820d)
      Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
      Firefox- Version 114.0 (64-bit)
      Safari- Version 16.5.2 (18615.2.9.11.10)
      JAWS- Version 2023.2306.28
      NVDA- Version 2022.2.2
      Voiceover - Version Latest

        1. Screenshot 2023-10-15 at 1.30.07 PM.png
          Screenshot 2023-10-15 at 1.30.07 PM.png
          916 kB
        2. Screenshot 2024-02-07 at 11.07.11 AM.png
          Screenshot 2024-02-07 at 11.07.11 AM.png
          610 kB

            [CONFSERVER-92245] Configure Sidebar: button not accessible for keyboard & screen reader users.

            Kshitij Rastogi added a comment -

            A fix for this issue is available in Confluence Server and Data Center 8.9.0.
            Upgrade now or check out the Release Notes to see what other issues are resolved.

            Kshitij Rastogi added a comment - A fix for this issue is available in Confluence Server and Data Center 8.9.0. Upgrade now or check out the Release Notes to see what other issues are resolved.

              zxu2@atlassian.com Zac Xu
              b4488184f7d2 Rahil Shaikh
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: