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

Accessibility Assessment | Teams: Expand/collapse state of the button not defined

    Issue Summary

    The expand collapse state of the buttons is not defined in the main content area.

    Steps to Reproduce

    1. Open the "Accessibility Assessment | Teams" page.
    2. Navigate to the main content.
    3. Using screen reader, navigate to the mentioned buttons.
    4. Listen that the expand/collapse state is not announced for the button.

    Screen Recording

    Accessibility Assessments - Advanced Roadmaps - InstEnv Jira - Google Chrome 2024-01-30 15-42-37.mp4

    Actual Results

    On activating the buttons in the main content area, the content dynamically gets expanded and collapsed below. The dynamically updating button's state is not defined programmatically.
    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 eFDcix" aria-expanded="false" spacing="default" type="button"><span style="align-self: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; position: relative;"><span style="align-self: center; display: flex; flex-shrink: 0; line-height: 0; font-size: 0px; margin: 0px -2px; user-select: none; transition: opacity 0.3s ease 0s; opacity: 1;"><span class="_2P5uv" role="none"><span class="sc-htpNat dUvlju" aria-label=""><svg width="24" height="24" viewBox="0 0 24 24" focusable="false" role="presentation"><path d="M12 14a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm-4.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm9 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" fill="currentColor" fill-rule="evenodd"></path></svg></span></span></span></span></button>

    Workaround

    Required, if there is no workaround please state:
    Currently there is no known workaround for this behavior. A workaround will be added here when available

    Environment

    MacBook Pro (16-inch, 2021)
    macOs Monterey Version 12.3.1
    Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
    Firefox- Version 93.0 (32-bit)
    Safari- Version 15.3 (17612.4.9.1.5)
    JAWS- Version 2022
    NVDA- Version 2020.3
    Voiceover - Version Latest

          [JSWSERVER-25558] Accessibility Assessment | Teams: Expand/collapse state of the button not defined

          There are no comments yet on this issue.

            578bae526277 Arun S
            4cbd728b4726 Rinku Kumar
            Affected customers:
            0 This affects my team
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: