[A11y Bug] File picker causes reads of hidden content

[reitermb]

Description:
The file picker component on the Data Files page reads "no file selected" even when there is a file selected. This is likely a result of the "no file selected" text not getting passed an aria-hidden=true property when it is visibly hidden.

Acceptance Criteria:
Create a list of functional outcomes that must be achieved to complete this issue

• "No File selected" is not read on file picker components that do have a file
• Testing Checklist has been run and all tests pass
• README is updated, if necessary

Tasks:
Create a list of granular, specific work items that must be completed to deliver the desired outcomes of this issue

• Add aria-hidden=true to "no file selected" text element when text element is not visible
• Run Testing Checklist and confirm all tests pass

Supporting Documentation:
Please include any relevant log snippets/files/screen shots

No.File.Selected.Bug.mov

[valcollignon]

@reitermb to review this ticket and circle back. per backlog refinement 12.21.21.

[valcollignon]

@reitermb to review this ticket and circle back. per backlog refinement 12.21.21.

@reitermb have you had a chance to review this? :)

[valcollignon]

Reviewed briefly in backlog 2.22.22. @reitermb will review.

[andrew-jameson]

Discussed in backlog refinement 3.1.22 -- @reitermb to still review. He will test to see if applicable.

[reitermb]

Currently getting a 400 error when I try to submit files so I'm blocked on re-testing the success message element of this, but I have confirmed that the no file selected bug still exists, as well as the download button disappearing when clicked.

Added a video and a little refinement to the ticket

[stevenino]

@reitermb to split out #1107 into required a11y fix and 2nd tix that can be pushed out to v3.1