Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-25581

Accessibility Assessment - Roadmaps: Expand/collapse state of the button not defined

XMLWordPrintable

      Issue Summary

      The state such as "Expand/Collapse" is not defined for the button.

      Steps to Reproduce

      1. Navigate to the "Plan" dropdown and activate any plan.
      2. Navigate to the few elements.
      3. Using screen reader verify that state is not defined programmatically.

      Screenshot

      Actual Results

      On activating "Releases", "Teams", "Assignees", and so on (that becomes available on activating "Filters") dropdown, the content dynamically gets expanded and collapsed below. The dynamically updating button's state is not defined programmetically.
      As a result, screen reader users are not able to understand the button's functionality.

      Expected Results

      Set 'aria-expanded' attribute to 'false' for the button by default as the button is in the collapsed state. Ensure that the value of 'aria-expanded' attribute changes to 'true' in expanded state on user interaction via scripting.

      Code Snippet

      <button class="sc-fAjcbJ dKHlbz" spacing="default" type="button">
      (...)
      <div class="ZExmL"><span>All</span></div>
      <div class="j0hZj"><span class="_2P5uv" role="none"><span class="sc-htpNat iJjEoV" aria-label="">
      (...)
      </button>

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.6.1
      Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 17.3 (18617.2.4.11.9, 18617)
      JAWS- Version 2022
      NVDA- Version 2020.3

        1. image-2024-02-05-15-45-21-249.png
          678 kB
          Varsha Bansode
        2. Screen Recording 2024-10-22 at 4.52.42 PM.mov
          14.33 MB
          Sameer Shaikh

              578bae526277 Arun S
              c3f9a46dc7c4 Varsha Bansode (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: