Multi File Upload

[Jonathon-Marc]

What

I am looking to propose a Multi File upload pattern that currently does not exist in GDS. Currently, there are variations from HMRC and the MoJ which is most closely related to our use case for UKHSA. I have contacted govuk-design-system-support@digital.cabinet-office.gov.uk. who asked me to start a new issues.

Why

Explain why you think this should be added to the GOV.UK Design System.

1. The pattern would allow users to upload multiple files at once, review the uploaded files, and remove unwanted files, in it's MVP format with possible other features being explored.
2. There is currently no other pattern in GDS that meets a users need to upload a bulk amount of files at once.
3. There is also a current issue on GitHub 'upload file component has no visual target area when dragging and dropping a file'.
4. We have use cases where users need to upload multiple files at once, over 100 files in one submission. After our research, the NPIS team and the user-centred design team from UKHSA have concluded that no component in GDS meets the users needs.

• What evidence do you have that it's needed by multiple services across the government?
  Research shows multiple file upload patterns being used by HMRC and MoJ. There are further use cases within UKHSA.

• What evidence do you have that it meets the needs of the users of those services?
  The file upload component proposal build on what is being used by the MoJ and addresses accessibility concerns from the MoJ patterns. For examples, the use of green and red colours to distinguish if a file is ready uploaded and ticks and cross icons that could present problems with screen readers. Futher research has shows users want to know more details on upload space available and the number of files uploaded giving more clarity to the user.

• Have you checked that it doesn't already exist in the GOV.UK Design System?
  Yes

Anything else

Include links to any examples, research or code to support your proposal, if available.

[Jonathon-Marc]

[File upload research insights.pptx](https://github.com/user-attachments/files/15567966/File.upload.research.insights.pptx)

Updating this with round 1 UR insights and a recent iteration of the copy to show the status of the file.

---

Had a helpful conversation with a colleague from Of Qual who is in the alpha phase of a multi-file upload with similar use cases who is using a slightly different approch

[Jonathon-Marc]

Interaction Design Onboarding.pdf

Following our second round of UR we simplified the content on the page and the hierarchy of the file upload page.

Consideration for our future backlog is a toast notification when a file has been deleted.