Skip to content
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.

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

[BUG] If an input error is automatically detected then the error is described to the user #161

Open
LukeTaylor34 opened this issue Feb 7, 2024 · 0 comments · May be fixed by #166
Open
Assignees
Labels
accessibility bug Something isn't working

Comments

@LukeTaylor34
Copy link

Describe the bug
If a component has validation then there needs to be a method to inform assistive technology users of any errors and how to correct them.
Level A 4.1.3: Status Messages - In content implemented using mark-up languages, status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.

Success Criterion 3.3.1 Error Identification Level A
If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text.

Expected behaviour
If a Input has validation on the input then there needs to be a method to inform assistive technology users of any errors and how to correct them.

My thoughts are aria-invalid="true" attribute should be dynamically added or change from false, then error message needs to be programmatically linked to the input via a aria-describeby and aria-live attribute should be used.

Additional context
This article proved me some good insight into accessible form validation - https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/#required-fields

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants