Description
What is the problem?
Fully uploaded files are visually denoted with a "tick" icon. This icon has no text alternative, and the fact that the relevant file is already fully uploaded is not otherwise conveyed.
<div part="done-icon" aria-hidden="true"></div>
We recommend either giving the icon a text alternative and removing the aria-hidden="true", or otherwise adding an indication (for instance using a visually hidden or similar) to the that conveys the fact that that file has been uploaded.
--
During file upload, and when retrying a file upload after an error, various pieces of information are shown to users: "Connecting…", a detailed status showing progress/file size/remaining time, "Processing file…". However, screen reader users only hear an initial "[Filename], 0%" and "[Filename], 100%" at the end. We recommend tweaking the aria-live announcements to provide further context during file upload.
When uploading multiple files, currently only the last item (in the examples, Financials.xlsx) is being announced as in progress (with the current "0%", "100%" short announcements). Consider providing a custom notification/aria-live region that at least informs the user that multiple files are being uploaded (e.g. "Uploading: workflow.pdf, financials.xlsx").
Browsers
- Chrome
- Firefox
- Safari
- Safari on iOS
- Edge
Screen Readers
- None
- NVDA
- JAWS
- VoiceOver on MacOS
- VoiceOver on iOS