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

bug(StorageManager/a11y): Upload status is not announced to screen readers #5317

Open
4 tasks done
hbuchel opened this issue Jun 13, 2024 · 0 comments
Open
4 tasks done
Labels
accessibility Bugs or features related to accessibility bug Something isn't working React An issue or a feature-request for React platform StorageManager StorageManager related issue of feature request

Comments

@hbuchel
Copy link
Contributor

hbuchel commented Jun 13, 2024

Before creating a new issue, please confirm:

On which framework/platform are you having an issue?

React

Which UI component?

Storage (Storage Manager)

How is your app built?

Next.js

What browsers are you seeing the problem on?

No response

Which region are you seeing the problem in?

No response

Please describe your bug.

The change in upload status when uploading a file is not announced to screen readers. I'd expect to hear "Upload in progress", "Uploaded", "Failed upload", etc. when I file's upload status changes.

Some considerations:

  • Probably use aria-live="polite" since there can be multiple file uploads happening at a time.
  • It may be better to also include the file name, like "Uploaded file-name.png" in the text that is announced, since there can be multiple files uploaded at a time.

What's the expected behaviour?

I can hear the file upload status change when it happens via a screen reader.

Help us reproduce the bug!

Using a screen reader, upload a file using StorageManager and note that there is no status update announced. You likely just hear the upload button announced since it receives focus after the OS dialog closes after choosing a file.

Code Snippet

// Put your code below this line.

Console log output

No response

Additional information and screenshots

No response

@hbuchel hbuchel added React An issue or a feature-request for React platform accessibility Bugs or features related to accessibility StorageManager StorageManager related issue of feature request labels Jun 13, 2024
@github-actions github-actions bot added the pending-triage Issue is pending triage label Jun 13, 2024
@esauerbo esauerbo added bug Something isn't working and removed pending-triage Issue is pending triage labels Jun 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Bugs or features related to accessibility bug Something isn't working React An issue or a feature-request for React platform StorageManager StorageManager related issue of feature request
Projects
None yet
Development

No branches or pull requests

3 participants
@hbuchel @esauerbo and others