3.3.3 Error Suggestion Level AA

[View on W3C.org]

If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content.

Testing & Remediation

How to test: Open your website in a browser of your choice. Navigate to all components that accept user input and have known suggestions for corrections. Enter deliberately wrong values. If the components are part of a form, submit the form. Check for error identification, including information about how the user should correct the error. How to remediate: There are a number of techniques that can be deployed to remediate issues related to this Success Criterion: If a mandatory field contains no information:
  • Provide text descriptions to identify required fields that were not completed
  • Identify required fields with the aria-required property
If information for a field is required to be in a specific data format:
  • Use aria-alertdialog to identify errors
  • Provide text descriptions to identify required fields that were not completed
  • Provide suggested correction text
  • Client-side validation & alerts
Information provided by the user is required to be one of a limited set of values:
  • Use aria-alertdialog to identify errors
  • Provide text descriptions to identify required fields that were not completed
  • Provide suggested correction text
  • Client-side validation & alerts

Questions and Answers

How do I know if my websites structure is layed out correctly?

Your site should have the correct semantic elements (header, main, footer, article, etc) in the order that they are intended to be read. This means that sometimes this isn't the order that makes styling the page the easiest. You must also ensure that all your heading levels are hit in the order. This means that you should not skip from an h1 to an h4, and so on.

How long does the accessibliity process take?

This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.