Description
Impact on a Person with Disability (PWD):
Users who rely on keyboard navigation are confused, misguided and not aware as Sorting chevron icons are not provided for the sortable Column headers present in 'Retrospective' table.
Test Environment:
OS: Windows 11 [Version 23H2 (OS Build 22631.2715)]
Browser: Edge Version (119.0.2151.97), Chrome Version (119.0.6045.200)
URL: Work items - Boards (visualstudio.com)
Steps to Reproduce:
Step 1: Open MCAPS ADO in Edge/Chrome browser.
Step 2: Navigate to 'Retrospective' in left navigation and invoke it.
Step 3: Navigate to the 'History' tab and invoke it.
Step 4: Now verify whether sorting chevron icons are provided for the sortable Column headers present in 'Retrospective' table or not.
Actual Result:
Sorting chevron icons are not provided for the sortable Column headers present in 'Retrospective' table.
Observation: while navigating using keyboard tab key, upon invoking the column headers the data gets sorted, but user is unable to find Ascending or Descending order.
Expected Result:
Sorting chevron icons should be provided for the sortable Column headers present in 'Retrospective' table.
Ensure that:
Sortable chevron icons should be provided for the sortable column headers and should have the contrast ratio of 3:1 with the background.
Screen readers should announce the name, role, and sorting information on invoking the column headers.
Ex: When focus lands on 'Shift id' column header screen reader should narrate as 'column 1 shift id button' and on invoking it, screen reader should narrate as 'sorted descending/ascending'
AzDO Reference Link:
https://worldwidelearning.visualstudio.com/MCAPS%20Accessibility/_workitems/edit/1713804