Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[MGTP-file-list- Property -File list upload]: Screen reader is not announcing status message as ‘<<File name>>File upload fail’ which is appeared while uploading file. #3110

Closed
Raisul123 opened this issue Mar 1, 2024 · 1 comment · Fixed by #3189

Comments

@Raisul123
Copy link
Collaborator

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.
  3. The ‘Microsoft Graph Toolkit Playground' Overview page will get displayed.
  4. Navigate to the ‘MGTP-file-list’ and activate it.
  5. Navigate to the ‘Property’ and activate it.
  6. Navigate to the ‘"File list upload " and activate it.
  7. Navigate to ‘Upload File’ using tab key and activate it.
  8. Upload any file.
  9. Verify the issue while uploading any file.

Actual Result:
Screen reader is not announcing status message as ‘"File name" File upload fail’ which is appeared while uploading file.
Screen reader announce URL information with control name as “Component slash mgt file list slash property file list upload story book work Microsoft Edge dev window preview document upload files button”.

Expected Result:
Screen reader should announce status message as ‘"File name" File upload fail’ which is appeared while uploading file.
Screen reader should announce like as ‘ “File name"File upload fail' upload files button’.

Observation:
Issue still repro’s with NVDA screen reader
Issue repro throughout application

User Impact:
If status message information is not passed on by screen reader, user dependent on it will not be able to understand whether action has taken place or not. 

WCAG Reference:
Understanding Success Criterion 4.1.3: Status Messages | WAI | W3C

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

Status.message.not.announce.mp4
@vagpt
Copy link
Collaborator

vagpt commented May 31, 2024

Adding A11yTTValidated tag as per the comment mentioned in its PR.

@Raisul123 Raisul123 added the MicrosoftGraphToolkitPlayground_Web fetch bug data from the db for accessibility label Dec 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

4 participants