10000 USWDS - Bug: Input mask hint text needs clarity · Issue #6428 · uswds/uswds · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

USWDS - Bug: Input mask hint text needs clarity #6428

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
2 tasks done
amycole501 opened this issue Feb 28, 2025 · 1 comment
Open
2 tasks done

USWDS - Bug: Input mask hint text needs clarity #6428

amycole501 opened this issue Feb 28, 2025 · 1 comment
Labels
Package: Input mask VPAT Issue needs to be fixed/reviewed for VPAT documentation
Milestone
May 2025 Delivera...

Comments

@amycole501
Copy link
amycole501 commented Feb 28, 2025 •
edited
Loading

Describe the bug

The input mask alphanumeric example does provide clear examples for screen reader users to follow.

While the instructions and example information are adjacent to the input mask field, it is not clear to a screen reader user (nor anyone) that there are non-conforming letters or number combinations.

Although our input mask help text gives an example, it doesn't clearly provide a warning when users enter the wrong kind of characters nor does it explicitly state "only numbers and letters in this combination".

Related WCAG success criteria:
3.3.2 Labels or Instructions
3.3.6 Error prevention (all)
1.3.1 Info and relationships

When input mask is used to collect personal data, 1.3.5 Identify Input Purpose also applies.

Steps to reproduce the bug

  1. Go to https://designsystem.digital.gov/components/input-mask/
  2. Open a screen reader
  3. Start typing into the alphanumeric example.
  4. Listen for cues indicating that you have typed an invalid letter or numeral (there is none).

Expected Behavior

When using a screen reader I would expect to hear the instructions state "Only type letter, number, letter. All other combinations are invalid"

Additionally, if I type in an incorrect/invalid character I hear a "ping" or noise indicating my character wasn't accepted.

Related code

No response

Screenshots

No response

System setup

Dell Windows Laptop
Windows 10
Chrome
NVDA

Additional context

No response

Code of Conduct
@amycole501 amycole501 added the Needs: Confirmation We need to confirm that this is an issue label Feb 28, 2025
@amycole501 amycole501 mentioned this issue Mar 11, 2025
Open
@amycole501 amycole501 added Package: Input mask VPAT Issue needs to be fixed/reviewed for VPAT documentation and removed Needs: Confirmation We need to confirm that this is an issue labels Mar 11, 2025
@amycole501 amycole501 mentioned this issue Oct 25, 2024
Open
16 tasks
@amycole501
Copy link
Author

Adding a connection between this issue and similar issues identified in the Refactor input mask component #5442

@amycole501 amycole501 added this to the May 2025 Deliverables milestone Mar 13, 2025
@amycole501 amycole501 mentioned this issue Mar 17, 2025
Merged
@amycole501 amycole501 moved this from Triage to On deck in USWDS Core Project Data Mar 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Package: Input mask VPAT Issue needs to be fixed/reviewed for VPAT documentation
Projects
40CA USWDS Core Project Data
Status: On deck
Milestone
May 2025 Deliverables
Development

No branches or pull requests
1 participant
@amycole501
0