search

microsoft / rushstack-websites

Doc content for the Rush Stack websites.
Creative Commons Attribution 4.0 International
23 stars 69 forks source link

[TSDoc> Playground]: 'Selected' tab item such as 'DOM' is not accessible with keyboard on renavigation under 'Playground'. #171

Closed vaishali1397 closed 3 months ago

vaishali1397 commented 1 year ago

Test Environment: OS Version: 22H2 (OS Build 25370.1) Browser: Edge Dev (Version 115.0.1866.1 (Official build) dev (64-bit)) URL: https://tsdoc.org/ Screen reader: Narrator

Repro Steps:

  1. Open the above URL in edge dev browser and login with v-.
  2. Turn on the narrator through Ctrl+ windows+ Enter key.
  3. Navigate to the 'Playground' link and activate it.
  4. Navigate to the 'DOM'tab item and activate it.
  5. Now, renavigate on the 'DOM' tab item.
  6. Observe the issue.

Actual Result: On renavigation, selected' tab item such as 'DOM' is not accessible with keyboard.

Expected Result: 'Selected' tab item such as 'DOM' should be accessible with keyboard on renavigation under 'Playground'. Screen reader should announce the state information along with the position such as 'DOM Tab item selected 2 of 5'.

User Impact: Keyboard dependent and screen reader user will get impacted as user will not not be able to renavigate back to the selected control and will not be able to make track of the content properly.

WCAG Reference Link: https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)"

2 Screen reader is not announcing the disabled state nor does it announce position for the list item under ‘Direct access’ section

https://github.com/microsoft/rushstack-websites/assets/104483005/c78d31c6-260e-4f23-ba99-5d61eeb3b2cf