search

microsoftgraph / microsoft-graph-toolkit

Authentication Providers and UI components for Microsoft Graph 🦒
https://docs.microsoft.com/graph/toolkit/overview
Other
945 stars 303 forks source link

[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. #3117

Closed Raisul123 closed 4 months ago

Raisul123 commented 7 months ago

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

Mnickii commented 5 months ago

@Raisul123 @vagpt , information about the records found is communicated if you use arrow controls to move to the suggestions. Please see attachment below https://github.com/microsoftgraph/microsoft-graph-toolkit/assets/16113214/21d6d763-d020-434d-9c37-ee7593c244fc

Raisul123 commented 4 months ago

Hi @Mnickii @gavinbarron, As discussed on MGTP group chat tracking "The Actual and Expected results when user types any character" related issue with Bug #3118 .

Closing the issue #3117 as Currently screen reader is announcing the information “We dint fined any suggestion” shown when navigating to the 'Search for a Name' edit field.

CC: @vagpt