Browsing the web often includes completing forms, taking a quiz, or making a purchase. And, while these tasks are simple enough for most people, users with disabilities can find them more challenging.
The input assistance requirements outlined in the Web Content Accessibility Guidelines (WCAG) can help you provide a better user experience to all of your website visitors.
It’s not unusual to make mistakes when completing a task online, however, some users have a higher chance of creating input errors.
What’s more, it can be more difficult for them to realize an error has occurred. This could be due to mobility issues, limited color perception, or poor vision.
WCAG’s input assistance guidelines are designed to help reduce input errors and ensure a user is aware that an error has occurred and understands how to correct it.
Here are the success criteria you would need to meet for input assistance in order to achieve Level A or higher.
When an input error occurs on your site, it should be automatically detected and highlighted to a user in text format. The purpose of the error identification criteria is to make a user fully aware of the error and provide more details on what the error means.
Any elements on your site that require user input should come with clear labels and/or instructions.
Users should know exactly what information to enter or what options they’re selecting when it comes to checkboxes and radio buttons. You can also specify rules for correct inputs such as data limits and formats.
When an input error occurs, users should receive suggestions on how to correct it, unless it would jeopardize the security or purpose of the content they’re interacting with. Website owners and developers shouldn’t automatically assume a user will know how to correct an error.
For websites that process legal commitments or financial transactions, users need to be able review and confirm their submission is correct before it’s finalized and reverse any inputs where necessary. Developers should also ensure that data is automatically checked for input errors before being submitted.
To achieve Level AA by complying with the necessary input modality requirements of WCAG, here are some best practices you can follow:
Using icons and colors to indicate an error has occurred on your site is perfectly acceptable. However, you would still need to provide a text alternative in order for your site to be deemed accessible.
Yes, technology such as screen readers will be able to read an error message to a user, which is why text error messages are so important. Make use of ARIA attributes to ensure your error messages are tagged correctly.