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

          Form Name

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

            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: