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, which references a non-existing element. Please note that, when referenced correctly, a combination of aria-invalid + aria-describedby is also a proper method for referencing error messages.

Missing aria-errormessage target:

This erroneous input field has an aria-errormessage attribute with a value (aria-errormessage="email-error") that references a non-existent element:



Note: Possible to automatically test. An auto-test can be performed by programmatically checking if aria-errormessage references an actually existent element.

axe detected: none  |  QualWeb detected: none