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

Create new page | Mention: Floating toolbar for mentions has inappropriate reading order

XMLWordPrintable

      Issue Summary

      The floating toolbar with buttons such as "Go to link", "Edit" and "unlink" does not have an appropriate reading order.

      Steps to Reproduce

      1. Navigate to the header and activate the "Create" link.
      2. Navigate to the main content and mention the user 
      3. When using the arrow keys focus moves to the mention, floating toolbar appears 
      4. Try to navigate to the mentioned toolbar.
      5. Observe that the floating toolbar available at the main content area

      Screenshot

      Actual Results

      The floating toolbar with buttons such as "Go to link", "Edit" and "unlink" is available at the end of the page for screen reader users. This is because this content is not coded directly after the button in the DOM. It is instead coded at the end of the page. This inappropriate reading order might disorient the users of screen readers. That the content is available at the end might confuse or mislead them.

      Expected Results

      Content must have an appropriate reading order. Assistive technologies navigate content using the order in which elements appear in the DOM. Hence, make sure that the content is programmatically ordered in such a way that it provides an appropriate reading order to the users of assistive technologies. Make sure that the content that gets available on interactive with mentions is just coded after the mention in the DOM. This will create an appropriate reading order for the users of assistive technologies.

      Workaround

      Not Available 

      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. Screen Recording 2024-02-19 at 1.21.18 PM.mov
          8.88 MB
        2. Screenshot 2023-08-16 at 5.20.20 PM.png
          Screenshot 2023-08-16 at 5.20.20 PM.png
          565 kB

            [CONFSERVER-90820] Create new page | Mention: Floating toolbar for mentions has inappropriate reading order

            Richard Atkins made changes -
            Labels Original: 1.3.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-createanewpage-editor ax-confluence-dc-vpat-createeditpage ax-confluence-dc-vpat-pg07 ax-customer-escalated ax-esc-itzbund ax-high-priority ax-kb-user ax-qa ax-qa-fixed ax-qa-verified New: 1.3.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-2023-vpat ax-confluence-dc-vpat ax-confluence-dc-vpat-createanewpage-editor ax-confluence-dc-vpat-createeditpage ax-confluence-dc-vpat-pg07 ax-customer-escalated ax-esc-itzbund ax-high-priority ax-kb-user ax-qa ax-qa-fixed ax-qa-verified
            Sylwia Mikołajczuk made changes -
            Labels Original: 1.3.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-createanewpage-editor ax-confluence-dc-vpat-pg07 ax-customer-escalated ax-esc-itzbund ax-high-priority ax-kb-user ax-qa ax-qa-fixed ax-qa-verified New: 1.3.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-createanewpage-editor ax-confluence-dc-vpat-createeditpage ax-confluence-dc-vpat-pg07 ax-customer-escalated ax-esc-itzbund ax-high-priority ax-kb-user ax-qa ax-qa-fixed ax-qa-verified

            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.
            Kshitij Rastogi made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Rahil Shaikh made changes -
            Labels Original: 1.3.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-createanewpage-editor ax-confluence-dc-vpat-pg07 ax-customer-escalated ax-esc-itzbund ax-high-priority ax-kb-user ax-qa New: 1.3.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-createanewpage-editor ax-confluence-dc-vpat-pg07 ax-customer-escalated ax-esc-itzbund ax-high-priority ax-kb-user ax-qa ax-qa-fixed ax-qa-verified
            Rahil Shaikh made changes -
            Attachment New: Screen Recording 2024-02-19 at 1.21.18 PM.mov [ 452506 ]
            Zac Xu made changes -
            Link New: This issue is resolved by CONFSERVER-91211 [ CONFSERVER-91211 ]
            Zac Xu made changes -
            Fix Version/s New: 8.9.0 [ 107007 ]
            QA Demo Status Original: Not Done [ 14330 ] New: Not Needed [ 14332 ]
            QA Kickoff Status Original: Not Done [ 14234 ] New: Not Needed [ 14236 ]
            Status Original: In Progress [ 3 ] New: Waiting for Release [ 12075 ]
            Zac Xu made changes -
            Status Original: Short Term Backlog [ 12074 ] New: In Progress [ 3 ]
            Zac Xu made changes -
            Assignee New: Zac Xu [ zxu2@atlassian.com ]

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

                Created:
                Updated:
                Resolved: