microsoft-graph-toolkit icon indicating copy to clipboard operation
microsoft-graph-toolkit copied to clipboard

Published 20 hours ago • verified publisher icon microsoftgraph

[MGTP-People-picker-Docs]: Screen reader is not announcing the information shown when navigating to the 'Search for a Name' edit field and after typing characters in the edit field.

Open Raisul123 opened this issue 3 months ago • 0 comments

Test Environment: OS Build: Windows 11  Version: 24H2 (OS Build 26058.1400)  Browser: Edge dev  Browser Version 123.0.2400.1 (Official build) dev (64-bit) URL: Overview - Docs ⋅ Storybook (mgt.dev) Screen reader: Narrator

Repro Steps:

  1. Open the above URL.
  2. Turn ON Narrator (Ensure that Narrator should be in Scan off Mode)
  3. The ‘Microsoft Graph Toolkit Playground' Overview page will get displayed.
  4. Navigate to the ‘MGTP-People-picker’ and activate it.
  5. Navigate to the ‘Docs’ and activate it.
  6. Press tab key and navigate to the 'Search for a Name ' edit field, type some character, and observe the issue.

Actual Result: Screen reader is not announcing the information “We dint fined any suggestion” shown when navigating to the 'Search for a Name' edit field. Also, After typing any character in the 'Search for a Name' edit field screen reader is not conveying any information about the matching records also when there is no data to display in this case also screen reader is not conveying any information.

Expected Result: Screen reader should announce the information “We dint fined any suggestion” shown when navigating to the 'Search for a Name' edit field. Also, Screen Reader should convey the information about the matching records also when there is no data to display then also screen reader should convey the information for the same.

Note: Same issue repro with NVDA screen reader also.

User Impact: This will impact the screen reader user as they will not able to know whether there is any matching data is getting show or not.

WCAG Reference: Understanding Success Criterion 1.3.1: Info and Relationships | WAI | W3C

“ Have feedback on bugs logged, please tag bug as “A11yRCA“ and add your feedback in the comment section. “

Attachments:

https://github.com/microsoftgraph/microsoft-graph-toolkit/assets/23114460/9c83b0e3-cf2c-41e6-beee-0c12cd974dfa

Raisul123 avatar Mar 04 '24 07:03 Raisul123