Suggest fixes when users make errors
All of your users make mistakes – they’re only human after all. When they make mistakes on your website (whether it’s their fault or not), they get frustrated.
Fortunately, it’s also a great time to demonstrate to your users how much you care about them. Show suggestions and hints when users make mistakes on things like forms and checkouts.
What to do
To pass this guideline, you need to make sure that:
- Your forms identify input errors.
- When the error is missing a required field, communicate this to the user with a text suggestion.
- If the error is in the format of the input, the suggestion shows the correct format (for example, ‘The date must be in the form DD/MM/YYYY’).
- If the error is because the input needed to be from a limited list of values, provide these values and explain them.
- This guideline builds on Guideline 3.3.1, by adding a requirement to make a suggestion for user input to fix errors.
- Be specific.
- If a user makes an error, provide a list of links that the user can follow to jump back to correct their input.
- Make it easy to re-submit incorrect forms by retaining all correct data.
You don’t need to provide suggestions if:
- Making a suggestion would negatively impact data security.
- Making a suggestion goes against the purpose of the field.
Free Developer Resources
Join over 3,500 subscribers on my weekly web accessibility email and get free developer resources like WCAG 2.1 Checklists and special offers.
Over 600 developers like you have learned more about the Web Content Accessibility Guidelines with my guidebook.