NVDA/JAWS are narrating two states as (Selected and not selected) for the unselected tabs in the page, while navigating using focus mode (Tab key).

[polatengin]

Note: Same issue reproes throughout the application.

Impact on a Person with Disability (PWD):
Visually challenged users who rely on screen readers for navigation are facing difficulty and unaware of the selected tab as NVDA/JAWS are narrating two states as (Selected and not selected) for the unselected tabs in the page, while navigating using focus mode (Tab key).

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)

Prerequisites:
Enable 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: Navigate to the collect tab and invoke it. Navigate to the tab controls in the page using tab key.
Step 4: Verify whether NVDA/JAWS are narrating two states as (Selected and not selected) for the unselected tabs in the page, while navigating using focus mode (Tab key) or not.

Actual Result:
NVDA/JAWS are narrating two states as (Selected and not selected) for the unselected tabs in the page, while navigating using focus mode (Tab key).
Observation:
i. For unselected tabs, it is narrating two states as (Selected and not selected)
Ex: While navigating using tab key, when focus lands on the unselected groups tab, NVDA is narrating as "Not selected Group workflow stage tab selected"
ii. For selected tabs, it is narrating state twice.
Ex: While navigating using tab key, when focus lands on the selected collects tab, NVDA is narrating as "selected collect workflow stage tab selected

Expected Result:
NVDA/JAWS should not narrate two states as (Selected and not selected) for the unselected tabs in the page, while navigating using focus mode (Tab key).
Ensure that:
While navigating using NVDA browse/focus mode, NVDA should not narrate two states or states twice.
Ex: While navigating using tab key, when focus lands on the unselected groups tab, NVDA should narrate as "Not selected Group workflow stage", when focus lands on the selected collects tab, NVDA should narrate as "selected collect workflow stage tab".

Suggestive Fixes:
Design content that can be presented to a user visually, audibly and tactilely without losing meaning, information or structure. ​​​
Use native HTML to make information and relationships that are visually presented on the site or application able to be consumed by various assistive technology. ​​
Never use visual or sound indicators as the sole indicator of structure, information or meaning. ​​​
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/1713355