Issue Summary

      On the “JSM cloud | All projects”, The expand/collapse state of the “More info about channel access” button is not programmatically defined.

      Steps to Reproduce

      Navigate onto the above mentioned page.
      Navigate to the “Projects” button and activate it.
      Navigate onto the “Create project button and activate it, Select “Jira service management” > “IT service management” > “Use template”.
      Navigate to the “Team type” input field and enter any character in it.
      Using screen reader, navigate onto the mentioned button/instance and activate it.
      Listen that the expand/collapse state of the button is not announced.

      Screenshot

      Actual Results

      On activating "More info about channel access" button, 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

      The screen reader should announce expand/collapse state of the button for their users.

      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 aria-expanded="false" aria-label="More info about channel access" ..>
      (...)
      </button>
      
      

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Ventura 13.5
      Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2023
      NVDA- Version 2023.2
      Voiceover - Version Latest

      Workaround

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

          Form Name

            [JSDCLOUD-16274] Create Project : Expand/collapse state of the button not defined

            There are no comments yet on this issue.

              Unassigned Unassigned
              153f1fd15216 Rogerpinto Marialouis
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: