[Screen reader - Make code - Share project]: Screen reader announces incorrect state information while navigating tab items present under 'Embed code' button. #5488
Screen reader dependent people will get impacted if screen reader announce incorrect state information as selected for the unselected tab items. Due to which the end user will not be aware of which tab is selected and cannot navigate efficiently.
Note:
User credentials should NOT be included in the bug.
Navigate to "Share" option appearing in header section and select it.
Navigate through all the controls of "Share Project" dialog and invoke share project.
Navigate to the 'Embed code' button and expand it.
Turn on the screen reader (JAWS) and navigate the tab items. Observe whether screen reader announces correct state or not.
Actual Result:
Issue: Screen reader announces incorrect state information while navigating tab items present under 'Embed code' button.
Observation:
Screen reader announces incorrect state as selected for the unselected tab items.
Narrator and NVDA announces incorrect state as selected for the unselected tab items while navigating using right arrow key.
Expected Result:
Screen reader should announce the correct state information while navigating tab items present under 'Embed code' button.
Example: When focus is on the 'Code' tab, by pressing right arrow, the screen reader should announce as 'Editor tab 2 of 3 not selected' and by invoking it with 'Enter key', it should announce as 'Editor tab selected 2 of 3'.
Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
External Bug Process: If this bug belongs to an external team, mark it as resolved/done and assign it back to the tester with notes on where to file/route the bug. For more information, please use this External Bug Process (sharepoint.com). “HCL Staff should not log any third-party external bugs. Should be routed to EDAD team”.
User Experience:
Screen reader dependent people will get impacted if screen reader announce incorrect state information as selected for the unselected tab items. Due to which the end user will not be aware of which tab is selected and cannot navigate efficiently.
Note: User credentials should NOT be included in the bug.
Repro Steps:
Actual Result:
Issue: Screen reader announces incorrect state information while navigating tab items present under 'Embed code' button.
Observation:
Expected Result:
Screen reader should announce the correct state information while navigating tab items present under 'Embed code' button.
Example: When focus is on the 'Code' tab, by pressing right arrow, the screen reader should announce as 'Editor tab 2 of 3 not selected' and by invoking it with 'Enter key', it should announce as 'Editor tab selected 2 of 3'.
MAS Reference:
MAS 4.1.2 – Name, Role, Value
ARIA Authoring Ref Link/Fluent Patterns Guidance /HITS Guidance:
NA
UIA/DOM details available:
Yes (Refer the attachment)
Reference Links:
Test Environment:
https://github.com/microsoft/pxt-microbit/assets/158465724/2113bc4f-cec2-471a-b36a-e2a231957568