microsoft / rushstack-websites

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

[TSDoc> Intro]: Screen reader is not announcing any information on activating the 'Toggle word wrap' button under 'Intro'. #170

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 'Intro' link and activate it.
  4. Navigate to the 'Toggle word wrap' button and activate it.
  5. Observe the issue.

Actual Result: On activating 'Toggle word wrap' button which is present under 'export class Statistics' code section, screen reader is not announcing any information. Screen reader remains silent.

Expected Result: Screen reader should announce the information of action performed on activating the 'Toggle word wrap' button under 'Intro'. Screen reader should announce as 'Word text wrapped' or on renavigation screen reader announce the information as selected such as 'Toggle word wrap button selected'.

Observation: Issue repro with NVDA.

Notes: Same issue repro on 'Toggle word Wrap' button present under '@returns'.

User Impact: Screen reader user will get impacted as user will not get the information of action performed due to which user will get confused that whether the action is performed or not.

WCAG Reference Link: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

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

https://github.com/microsoft/rushstack-websites/assets/104483005/8b17e388-ee68-47e6-a6e7-e0753a58982b

Code snippet~ Screen reader is not announcing any information  on activating toggle word wrap