WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Best use of ARIA for form error validation messages

for

Number of posts in this thread: 1 (In chronological order)

From: Chris Pearce
Date: Sun, May 05 2013 7:56PM
Subject: Best use of ARIA for form error validation messages
No previous message | No next message

Hi,

For *inline* form error messages i.e. errors that appear as the user is
interacting with the form inputs as opposed to errors appearing on form
submission whether it be via onblur, onkeyup JS events is the correct ARIA
to use on the error msg (a p element): role="alert"? And any thoughts on
how best to handle what to do when the input has been corrected e.g. just
remove the error from the source?

And for the opposite of the above i.e. errors all appearing at once after
form submission is the correct ARIA to use on the *input *element that
fails validation: aria-describedby="id-of-the-error-msg"? And make sure
focus is set to the 1st input that fails validation?

All errors msg's appear directly underneath their corresponding inputs.

Any input from screen reader uses will be greatly appreciated.

Cheers,
Chris