Aria-invalid for input fields (aria-invalid)

Custom input fields or input fields with novalidate attribute include a valid aria-invalid attribute that corresponds with the state of the field.


Aria-invalid not updated after correction:

In this example, the user can correct the input so that the control is valid, but the aria-invalid attribute remains true.


Type a valid email to satisfy native validation.


Note: Possible to automatically test. A runtime test can compare an element’s native validity (checkValidity()/validity.valid) with its aria-invalid value and flag mismatches.

axe detected: none  |  QualWeb detected: none