Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-73441

Issues page: Radio buttons inside switch filter popup are not accessible for keyboard only users

    XMLWordPrintable

Details

    Description

      Issue Summary

      On Issue page, the radio buttons such as "My open issues", "All issues", "Done issues", etc present inside "Switch filter" popup are not accessible for Keyboard only users.

      Similar issues is observed on following pages.

      • Summary page - Switch view filter.

      Bug Ref: 731830

      Steps to Reproduce

      1. Navigate to the Jira dashboard page.
      2. Navigate to any project in Jira. For example : SID-test
      3. Navigate to Issues page from left navigation.
      4. Navigate to "Switch filter" button inside main content & activate it.
      5. Navigate to the radio buttons such as "My open issues", "All issues", "Done issues", etc via up/down arrow keys.
      6. Try to activate the radio button with enter or space keys.

      Actual Results

      While navigating with keyboard, when user expands the "Switch filter" popup and use up/down arrow keys to navigate to radio buttons, the user can’t activate the radio button with Keyboard space or enter keys.

      This makes keyboard only users difficult to access the functionality associated with it.

      Note: Currently the radio buttons can be activated via mouse only. and when user select a radio button the popup is collapsed automatically.

      Expected Results

      The radio buttons should get activated with Keyboard enter or space keys. When user select any radio button the popup should get collapsed & focus should be set to the "Switch filter" button.

      Refer to the following examples of Dropdown radio item component from Atlassian Design system to understand correct keyboard behaviour.

      https://atlassian.design/components/dropdown-menu/dropdown-item-radio/examples

      Screenshot

      Screen Recording

      Screen Recording 2022-03-14 at 5.50.19 PM.mov

      Workaround

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

      Attachments

        1. 73441-after-fix.mov
          6.02 MB
        2. 73441-QA-Verification.mov
          11.25 MB
        3. Screen Recording 2022-03-14 at 5.50.19 PM.mov
          7.91 MB
        4. Screenshot 2022-03-14 at 5.49.46 PM.png
          Screenshot 2022-03-14 at 5.49.46 PM.png
          566 kB

        Issue Links

          Activity

            People

              c3057d0e8d6b Vadym Ohyr
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: