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.

[View on W3C.org]

Testing & Remediation

How to test: Open your website in a browser of your choice and navigate to the pages where components exist that accept user input. Enter deliberately wrong values for the fields and submit the form. For each component with erroneous data, ensure that the error is identified in text. How to remediate: There are a number of techniques that can be deployed to remediate issues related to this Success Criterion: For forms that contain mandatory fields:
  • Provide text descriptions to identify required fields that were not completed
  • Use aria-invalid to indicate an error field
  • Providing client-side validation & alert
For forms/functionality where info provided by the user is required to be in a specific data format or of certain values:
  • Use aria-alertdialog to identify errors
  • Use aria role=alert to identify errors
  • Use aria-invalid to indicate an error field
  • Client-side validation & alerts

Questions and Answers