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

Backlog : Missing keyboard support for interactive element

XMLWordPrintable

      Issue Summary

      The "Color" tiles does not receive keyboard focus. 

      Steps to Reproduce

      1. Navigate to the Projects in the header section.
      2. Navigate and activate any "Scrum" project.
      3. Navigate and activate the "Backlog" from the Left navigation.
      4. Navigate to "Epic" panel and activate it.
      5. Navigate onto the mentioned instance with a keyboard. Observe that the instance does not have keyboard support. 

      Actual Result

      The  mentioned interactive elements does not receive keyboard focus. This made it difficult for keyboard-only and screen reader users to access the functionality associated with the mentioned interactive element

      Expected Result

      All the interactive elements on the page must be Accessible with Keyboard & screen reader. The color palette present inside more epic options should be accessible for keyboard & screen reader users.

      Apply following fixes.

      • Mark the color elements as radio buttons so they become interactive with Keyboard & screen reader.
      • Provide a clear & visual labels to the radio buttons. For Example : "Red", "Yellow", etc.
      • Provide visual & programmatic indication to users to understand currently selected color element.
      • The radio button has to be grouped programmatically, so wrap them in <fieldset> element & put text "Colour" in <legend> element. Alternatively provide role="group" & aria-labelledby to <div> element 

      Screenshot

      Workaround

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

      Environment

      MacBook Pro (13-inch, 2020)
      macOs Ventura  13.3.1
      Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 16.2 (18614.3.7.1.5)
      JAWS- Version 2021
      NVDA- Version 2021.2
      Voiceover - Version Latest

              b5681d69ff53 Maciej Szarecki
              c1baca6cb430 Sameer Shaikh
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: