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

Edit page : Toolbar is inaccessible for screen reader and keyboard only users

XMLWordPrintable

      Issue Summary

      The toolbar which becomes available when user activates "Edit" link is not accessible with keyboard keys.

      Steps to Reproduce

      1. Navigate to "Spaces" button from header region and activate it.
      2. Navigate to any Space link which become available when user activates "Spaces" button from header region.
      3. Navigate to "Edit" link present in main content area. Observe that pages goes in Edit mode.
      4. Try to navigate to toolbar items with Tab key.

      Actual Results

      While navigating with keyboard tab key only, when user navigate to the toolbar options such as "Bold", "Italic", etc does not receive keyboard focus. It makes keyboard-only users difficult to access and interact with the toolbar options/items.

      Expected Results

      The toolbar should be coded with role="toolbar" appropriately. The keyboard-only users should be able to access and interact with the toolbar options with keyboard Tab or arrow keys. 

      Please refer this link for accessible toolbar -> https://www.w3.org/TR/wai-aria-practices/examples/toolbar/toolbar.html 

      Screenshot

      Workaround

      workaround

      Bug Ref: 731859

        1. 78096-QA-Verification.mov
          13.10 MB
        2. content formatting.mov
          4.83 MB
        3. editing tools.mov
          2.72 MB
        4. Screenshot 2022-03-21 at 5.44.24 PM.png
          Screenshot 2022-03-21 at 5.44.24 PM.png
          404 kB

              2541dfd4068c Yurii Shevchuk (Inactive)
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              6 Start watching this issue

                Created:
                Updated:
                Resolved: