Repository navigation
USWDS - File input: Improve file status readout for screen readers #5304
Copy link
Copy link
Open
Labels
Affects: Accessibility 🟡Affects access for disabled users or assistive tech. Record the barrier; not a severity score.Affects access for disabled users or assistive tech. Record the barrier; not a severity score.Context: VoiceOver (VO)Issue is in the VoiceOver screen readerIssue is in the VoiceOver screen readerPackage: File InputWork affecting File Input. Apply only when this area helps route or find the issue.Work affecting File Input. Apply only when this area helps route or find the issue.Role: A11YA11Y expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.A11Y expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.Role: DevDev expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.Dev expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.Type: ResearchResearch or audit work with a specific question and outcome; use native Task for the issue type.Research or audit work with a specific question and outcome; use native Task for the issue type.Type: SpikeA bounded investigation to answer a specific question; use native Task for the issue type.A bounded investigation to answer a specific question; use native Task for the issue type.
Description
Summary
Originally posted by @mejiaj in #5213 (comment)
This function adds text describing:
- How many files
- Which files have been uploaded
So far I've only gotten it to read after initial upload. If I move to another area and comeback it doesn't get read on VoiceOver Chromium 113.
Possible Future enhancements:
- Add a unique ID to this message and tie it to the component via
aria-labelledby[MDN on aria-labelledby] - Move the preview heading text so it always gets read.
- Dynamically update the aria-label
Move the preview heading text example
file-input-label.mp4
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
Affects: Accessibility 🟡Affects access for disabled users or assistive tech. Record the barrier; not a severity score.Affects access for disabled users or assistive tech. Record the barrier; not a severity score.Context: VoiceOver (VO)Issue is in the VoiceOver screen readerIssue is in the VoiceOver screen readerPackage: File InputWork affecting File Input. Apply only when this area helps route or find the issue.Work affecting File Input. Apply only when this area helps route or find the issue.Role: A11YA11Y expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.A11Y expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.Role: DevDev expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.Dev expertise is relevant. Project Active Role tracks ownership; this label is not an assignment.Type: ResearchResearch or audit work with a specific question and outcome; use native Task for the issue type.Research or audit work with a specific question and outcome; use native Task for the issue type.Type: SpikeA bounded investigation to answer a specific question; use native Task for the issue type.A bounded investigation to answer a specific question; use native Task for the issue type.
Type
Projects
- StatusShow more project fieldsReady to schedule
Activity
amyleadem commentedon May 24, 2023
@mejiaj I am looking into this, but I'm not sure I understand the suggested change. Would the input end up with both an
aria-labeland anaria-labelledby?chandracarney commentedon Sep 10, 2026
In June, we discussed that this needs further testing and triage.
Initial thought we had: Can try an aria-live?