Issue Description

On System Dashboard page there is sort functionality present for table headers such as “Issue Type/T”, “Key”, “Summary”, “Priority/P”. This table headers are used to sort the table in ascending and descending order but have not been marked up as buttons and do not communicate when the column is sorted. In addition they are also keyboard inaccessible

Steps to Reproduce

1. Turn on screen reader and navigate to “Dashboards” link present in header region and activate it.
2. Navigate to “View System Dashboard” link and activate it.
3. Try to navigate in the table present in “Assigned to me” section.

Screenshot

Actual Behaviour

The table headers such as “Issue Type/T”, “Key”, “Summary”, “Priority/P” are used to sort the table in ascending and descending order but have not been marked up as buttons and they do not communicate when the column is sorted. Also, keyboard support is missing for these interactive elements.

Expected Behaviour

The table headers such as “Issue Type/T”, “Key”, “Summary”, “Priority/P” should be accessible via keyboard keys and the state of sort order should be conveyed by a screen reader.

• Add a native button element to the <th> with an aria-label to convey its name and current state. This will also be keyboard accessible by default
• When the button is activated to sort the column, add aria-sort to the <th>. Remove aria-sort if another button from the table headers is activated to sort the columns.
• On activating the sort button, the value of “aria-sort” should be updated programmatically with the focus staying on the sort button itself.

AXQA Ref:AXQA-279