Aria-errormessage link for input fields (aria-errormessage)

Input fields with invalid inputs and corresponding aria-invalid attributes are linked to their corresponding error messages using aria-errormessage, or a combination of aria-invalid and aria-describeby is used.

This test case uses a combination of aria-invalid + aria-errormessage. Please note that, when referenced correctly, a combination of aria-invalid + aria-describedby is also a proper method for referencing error messages.

Redundant aria-errormessage:

This input field has an aria-errormessage attribute with a redudant value (aria-errormessage="email-error") that references a hidden error message, even though the field is valid:




Note: Possible to automatically test. An auto-test can be performed by programmatically checking if aria-errormessage attributes have values that reference actual elements.

axe detected: none  |  QualWeb detected: none