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

XMLWordPrintable

    • Severity 2 - Major

      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

            Assignee:
            Yurii Shevchuk (Inactive)
            Reporter:
            Matthew Brennan
            Votes:
            1 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved: