Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-14990

A11Y-358 : canned response dropdown not accessible for keyboard & screen reader users.

XMLWordPrintable

      Issue Summary

      The option under "canned responses" is not navigable using the keyboard arrow keys ideally.

      Steps to Reproduce

      1. Navigate to the any "Jira service management" project
      2. Navigate and activate the "comment" section"
      3. Navigate to the "toolbar" and activate the "Canned responses" button
      4. Try to navigate to dropdown options using the arrow keys.
      5. Observe that it is not possible

      Screenshot

      Actual Results

      When a user tries to move focus on the "canned responses" dropdown by using arrow keys, it is not possible. While the elements are only shown by the user when closing and reopening the menu popup, the attention shifts to the subsequent element. The functionality to navigate is not a keyboard and screen reader accessible.

      As a result, it leads to a bad user experience for keyboard-only and screen-reader users.

      Expected Results

      The "Canned response" options should be navigable using the keyboard arrow keys. This can be achieved by scripting

      Following is expected

      1. Make sure that dropdown options should be available with only arrow keys ideally.
      2. When the options receive focus, there should be an announcement like “option <option name> focused 1 of 3” appropriately.
      3. Additionally, The option "Save as a response" and "Edit responses" should be operable with the tab key. 

      Workaround

      Currently, there is no known workaround for this behaviour. A workaround will be added here when available

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Ventura  13.4
      Chrome - Version 114.0.5735.106 (Official Build) (arm64)
      Firefox- Version 112.0. 1
      Safari- Version 16.5 (18615.2.9.11.4)
      JAWS- Version 2023
      NVDA- Version 2023
      Voiceover - Version Latest

        1. Screenshot 2023-12-21 at 5.33.29 PM.png
          Screenshot 2023-12-21 at 5.33.29 PM.png
          375 kB

            [JSDSERVER-14990] A11Y-358 : canned response dropdown not accessible for keyboard & screen reader users.

            Amisha - added a comment -

            Looking at the current pattern, none of the other dropdowns announce “option <option name> focused 1 of 3” when any of the option receives focus. In maintaining consistency, we'll follow the same approach for this one too. 153f1fd15216 

            Amisha - added a comment - Looking at the current pattern, none of the other dropdowns announce “option <option name> focused 1 of 3” when any of the option receives focus. In maintaining consistency, we'll follow the same approach for this one too. 153f1fd15216  

              ad6a80463119 Amisha -
              153f1fd15216 Rogerpinto Marialouis (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: