Most of the content on this page has aria-hidden="true" for
easier screen reader testing
Note: all error messages are added on blur: when focus leaves the field.
Error message using aria-describedby
The error message is announced when the field gains focus and the error message is shown.
Error 1: enter your name 1
Error message using role="alert"
The error message is announced as soon as it's added.
Error 2: enter your name 2
Error message using aria-describedby and role="alert"
The error message is announced soon after it's added. It is not announced when the field gains focus, even though the code has the aria-describedby linking the field and the message.