Description
Other Instances:
Other instance 1: Votes tab
Path: Retrospective page-->Votes tab
Issue: Feedback items are not defined in a list. Feedback items should be defined in a list.
PFA (Other Instance_1_ Feedback items are not defined in a list.)
Note: Same issue is observed wherever the similar items are present throughout the application.
Other instance 2: Group feedback dialog
Path: Retrospective page --->more options(...) menu in feedback tiles--> Group feedback control --> Group feedback dialog
Issue: Search results displayed on entering some data in edit field are not defined in list, it should be defined in list
PFA (Other Instance2_ search results are not defined in a list.)
Note: Same issue is observed wherever the similar items are present throughout the application.
Impact on a Person with Disability (PWD):
Screen reader users will find difficulty in identifying the related items if they are not implemented in a list. Creating lists of related items using list elements appropriate for their purposes will help screen reader user in navigation smoothly.
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)
Screen Readers: NVDA (2023.3), JAWS (2022.2110.6)
Pre- Requisite:
Turn on NVDA/JAWS
Repro Steps:
Step 1: Open MCAPS ADO in Edge/Chrome browser.
Step 2: Navigate to 'Retrospective' in left navigation and invoke it.
Step 3: Retrospective page gets displayed.
Step 4: Navigate using 'L' list shortcut key.
Step 5: Verify whether Visually appearing Tab controls are programmatically defined in list or not.
Actual Result:
Visually appearing Tab controls are not programmatically defined in list.
The 'Board and History' tab controls are not defined in list.
Current Observation: While navigating using heading shortcut key 'L', NVDA is narrating as 'No next list' and upon pressing 'Shift + L', it is narrating as 'No previous list'.
Expected Result:
Visually appearing above-mentioned tab controls should be defined in list programmatically.
Ex: Screen readers should narrate as 'List with 2 items Board 1 of 2 selected'.
MAS Reference:
MAS 1.3.1 – Info and Relationships
WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html
AzDO Reference Link:
https://worldwidelearning.visualstudio.com/MCAPS%20Accessibility/_workitems/edit/1713290