Issue Summary

On the "Project | All open" page, the "Link to major incident", "Link", and so on, buttons do not have a programmatically defined expandable state.

Steps to Reproduce

1. Select "Projects" from top navigation bar.
2. Select Sample JSM (JSM) project from the dropdown.
3. Now activate "All open" link from the left navigation.
4. Activate any of the checkboxes from the table.
5. Navigate to the mentioned instances and inspect the code.
6. Observe that the expandable state is not programmatically determined.

Screenshot

Screen Recording

Screen Recording 2024-12-17 at 6.25.07 PM.mov

Actual Results

The "Link to major incident", "Link", and so on, expandable buttons do not have a programmatically defined expandable state. These buttons do not use an aria-expanded attribute. As a result, users of assistive technologies found it challenging to understand the functionality associated with these elements.

Expected Results

When elements expand or collapse a particular content, make sure that they have a programmatically defined expandable state. Use the “aria-expanded” attribute on the expandable elements and update the “true” and “false” values appropriately. Make sure that the value is set to “true” when the elements are expanded and “false” when they are collapsed.

Code Snippet

<button aria-expanded="false">Link</button>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3.1
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.3.1 (19617.2.4.11.12)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest