Issue Summary

The sort functionality on the table present in the main content area is not announced for the screen reader users.

Steps to Reproduce

1. Open the "Project - All open" page.
2. Navigate to the main content.
3. Using screen reader, navigate to the table headers present on the page.
4. Observe that sortable table headers are not announced.

Screen Recording

JSM_ All open - Google Chrome 2023-09-11 16-06-46.mp4

Actual Results

On activating the "Time to resolution", "T", "Key", "Status", "Summary", "Created", "P" and "Reporter" columns, the content is getting update in ascending or descending order. Although the dynamic change in the content is easier to understand for sighted users, it is not intuitive for screen reader users.

Expected Results

Ensure that the sort state is defined for the sortable column.

Apply the following changes:

• Provide the sort state using the "aria-sort" attribute on the <th> element.
• Set the value of "aria-sort" to "ascending" when the content is sorted in ascending order.
• Set the value to "descending" when the content is sorted in descending order.
• If no sorting is applied on the content, set the value to "none".Ensure that the sort state is updated on user interaction.

For information on accessible sort controls, refer:

https://www.w3.org/WAI/ARIA/apg/patterns/grid/examples/data-grids/

Workaround

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