Skip to content

File upload: Confirm file upload to screenreaders.#4415

Merged
thisisdano merged 11 commits into
developfrom
jm-file-upload-confirmation
Dec 9, 2021
Merged

File upload: Confirm file upload to screenreaders.#4415
thisisdano merged 11 commits into
developfrom
jm-file-upload-confirmation

Conversation

@mejiaj

@mejiaj mejiaj commented Dec 3, 2021

Copy link
Copy Markdown
Contributor

Description

Preview →

File upload confirms files to screenreaders. Closes #4232. Now file input will tell screenreaders how many files were uploaded and their names on upload.

Additional information

Based off of Amy's work in #4406. By default the file input will say No file(s) uploaded. And on file upload it will change to You have selected {{ NUMBER_OF_FILES }} files: {{ FILES_LISTED }}. When a user clears files, it'll go back to the default message.

Before you hit Submit, make sure you’ve done whichever of these applies to you:

  • Follow the 18F Front End Coding Style Guide and Accessibility Guide.
  • Run npm test and make sure the tests for the files you have changed have passed.
  • Run your code through HTML_CodeSniffer and make sure it’s error free.
  • Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.

@mejiaj mejiaj requested a review from thisisdano December 3, 2021 14:59
@mejiaj mejiaj marked this pull request as ready for review December 3, 2021 14:59
@thisisdano thisisdano merged commit 017dd7d into develop Dec 9, 2021
@thisisdano thisisdano deleted the jm-file-upload-confirmation branch December 9, 2021 18:30
@thisisdano thisisdano mentioned this pull request Dec 14, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Acessibility: File input component not confirming selected state to screen reader users

2 participants