Error messages accessible to assistive tech (accessibility)

The error messages are announced to users of assistive technologies (e.g., screen readers) using appropriate ARIA roles like aria-live="assertive"


Live region added after load:

This form injects the error container with role="alert" only after submit. Because the live region wasn't present at page load, some screen readers will not announce the injected error.




Note: Possible to automatically test. A dynamic test can submit the form, detect whether the error message is injected into a container that already existed at page load with role="alert" or a valid aria-live value. If the live region is created only after the error occurs, flag a violation.


axe detected: none  |  QualWeb detected: none