Issue Summary

      When sidebar is collapsed, the elements such as "space shortcuts", "child pages", & "page tree" are not accessible with keyboard & screen reader.

      Steps to Reproduce

      1. Navigate to Confluence page.
      2. Collapse the sidebar.
      3. With tab key navigate through sidebar elements.
      4. Observe that the elements such as "page shortcuts" & "page tree" are not accessible with keyboard

      Actual Results

      When the sidebar is collapsed & user navigate with keyboard tab key the elements such as "space shortcuts", "child pages" & "page tree" are not accessible. This makes it difficult for keyboard-only & screen reader users to access the elements.

      Screenshot

      Expected Results

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

      Code the mentioned elements with <button> elements & provide descriptive labels.

      Also provide aria-expanded attribute to convey the state of the elements. Ensure the value true/false updates as per user interaction

      Workaround

      The elements such as "space shortcuts", "child pages" & "page tree" are accessible when the sidebar is open/expanded. 

            [CONFSERVER-92588] side navigation: elements not accessible with keyboard.

            Richard Atkins made changes -
            Labels Original: 2.1.1 4.1.2 Level-A WCAG21 ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-sidenavigation ax-critical-priority ax-customer-escalated ax-esc-itzbund ax-qa ax-qa-verified New: 2.1.1 4.1.2 Level-A WCAG21 ax-bug ax-confluence-dc-2023-vpat ax-confluence-dc-vpat ax-confluence-dc-vpat-sidenavigation ax-critical-priority ax-customer-escalated ax-esc-itzbund ax-qa ax-qa-verified
            Aakash Jain made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Rahil Shaikh made changes -
            Labels Original: 2.1.1 4.1.2 Level-A WCAG21 ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-sidenavigation ax-critical-priority ax-customer-escalated ax-esc-itzbund ax-qa New: 2.1.1 4.1.2 Level-A WCAG21 ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-sidenavigation ax-critical-priority ax-customer-escalated ax-esc-itzbund ax-qa ax-qa-verified
            Rahil Shaikh made changes -
            Diclehan Erdal made changes -
            Description Original: h3. Issue Summary

            When sidebar is collapsed, the elements such as "page shortcuts", "child pages", & "page tree" are not accessible with keyboard & screen reader.
            h3. Steps to Reproduce
             # Navigate to Confluence page.
             # Collapse the sidebar.
             # With tab key navigate through sidebar elements.
             # Observe that the elements such as "page shortcuts" & "page tree" are not accessible with keyboard

            h3. Actual Results

            When the sidebar is collapsed & user navigate with keyboard tab key the elements such as "page shortcuts", "child pages" & "page tree" are not accessible. This makes it difficult for keyboard-only & screen reader users to access the elements.
            h3. Screenshot

            !Screenshot 2023-10-13 at 8.59.10 PM.png|thumbnail!
            h3. Expected Results

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

            Code the mentioned elements with <button> elements & provide descriptive labels.

            Also provide aria-expanded attribute to convey the state of the elements. Ensure the value true/false updates as per user interaction
            h3. Workaround

            The elements such as "page shortcuts", "child pages" & "page tree" are accessible when the sidebar is *open/expanded.* 
            New: h3. Issue Summary

            When sidebar is collapsed, the elements such as "space shortcuts", "child pages", & "page tree" are not accessible with keyboard & screen reader.
            h3. Steps to Reproduce
             # Navigate to Confluence page.
             # Collapse the sidebar.
             # With tab key navigate through sidebar elements.
             # Observe that the elements such as "page shortcuts" & "page tree" are not accessible with keyboard

            h3. Actual Results

            When the sidebar is collapsed & user navigate with keyboard tab key the elements such as "space shortcuts", "child pages" & "page tree" are not accessible. This makes it difficult for keyboard-only & screen reader users to access the elements.
            h3. Screenshot

            !Screenshot 2023-10-13 at 8.59.10 PM.png|thumbnail!
            h3. Expected Results

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

            Code the mentioned elements with <button> elements & provide descriptive labels.

            Also provide aria-expanded attribute to convey the state of the elements. Ensure the value true/false updates as per user interaction
            h3. Workaround

            The elements such as "space shortcuts", "child pages" & "page tree" are accessible when the sidebar is *open/expanded.* 
            Diclehan Erdal made changes -
            Fix Version/s New: 8.8.0 [ 106508 ]
            Status Original: Awaiting Merge [ 10064 ] New: Waiting for Release [ 12075 ]
            Diclehan Erdal made changes -
            Description Original: h3. Issue Summary

            When sidebar is collapsed, the elements such as "page shortcuts" & "page tree" are not accessible with keyboard & screen reader.
            h3. Steps to Reproduce
             # Navigate to Confluence page.
             # Collapse the sidebar.
             # With tab key navigate through sidebar elements.
             # Observe that the elements such as "page shortcuts" & "page tree" are not accessible with keyboard

            h3. Actual Results

            When the sidebar is collapsed & user navigate with keyboard tab key the elements such as "page shortcuts" & "page tree" are not accessible. This makes it difficult for keyboard-only & screen reader users to access the elements.
            h3. Screenshot

            !Screenshot 2023-10-13 at 8.59.10 PM.png|thumbnail!
            h3. Expected Results

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

            Code the mentioned elements with <button> elements & provide descriptive labels.

            Also provide aria-expanded attribute to convey the state of the elements. Ensure the value true/false updates as per user interaction
            h3. Workaround

            The elements such as "page shortcuts" & "page tree" are accessible when the sidebar is *open/expanded.* 
            New: h3. Issue Summary

            When sidebar is collapsed, the elements such as "page shortcuts", "child pages", & "page tree" are not accessible with keyboard & screen reader.
            h3. Steps to Reproduce
             # Navigate to Confluence page.
             # Collapse the sidebar.
             # With tab key navigate through sidebar elements.
             # Observe that the elements such as "page shortcuts" & "page tree" are not accessible with keyboard

            h3. Actual Results

            When the sidebar is collapsed & user navigate with keyboard tab key the elements such as "page shortcuts", "child pages" & "page tree" are not accessible. This makes it difficult for keyboard-only & screen reader users to access the elements.
            h3. Screenshot

            !Screenshot 2023-10-13 at 8.59.10 PM.png|thumbnail!
            h3. Expected Results

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

            Code the mentioned elements with <button> elements & provide descriptive labels.

            Also provide aria-expanded attribute to convey the state of the elements. Ensure the value true/false updates as per user interaction
            h3. Workaround

            The elements such as "page shortcuts", "child pages" & "page tree" are accessible when the sidebar is *open/expanded.* 
            Diclehan Erdal made changes -
            Status Original: In Review [ 10051 ] New: Awaiting Merge [ 10064 ]
            Diclehan Erdal made changes -
            Remote Link New: This issue links to "Confluence Bundled Plugins › Confluence Frontend Plugins (Java 17) › issue-CONFSERVER-92588-side-nav-space-shortcuts-refactor (server-syd-bamboo)" [ 847315 ]
            Diclehan Erdal made changes -
            Remote Link New: This issue links to "Confluence Bundled Plugins › Confluence Frontend Plugins › issue-CONFSERVER-92588-side-nav-space-shortcuts-refactor (server-syd-bamboo)" [ 847314 ]

              5e496a614b63 Diclehan Erdal
              4b5b126a48d0 ssuryavanshi (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              5 Start watching this issue

                Created:
                Updated:
                Resolved: