WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: access form error messages

for

From: Moore, Michael
Date: Nov 5, 2008 3:05PM


An implementation method that we have used very successfully here is to
present the error message in an alert window then when the user
activates the ok button on the alert, focus is placed in the form field
needing requiring the change. This method is not as effective when there
are multiple errors in a single form. Fortunately this is not a
frequent occurrence.

Screen reader users have responded very favorably to this method and
expressed a preference to this method over others.

If you don't want to do the alert, it is important to place focus on the
page just before the error message so that it can be found, otherwise
the user may not realize that an error has occurred. When we have used
this method, our screen reader users have expressed a preference for the
errors to be listed at the top of the page, while screen magnifier users
have preferred notification at the location of the error. I believe that
this is because of the screen reader feature of being able to bring up a
list of form fields and quickly navigate to the trouble spot.

Mike

-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Angela French
Sent: Wednesday, November 05, 2008 3:56 PM
To: <EMAIL REMOVED> ; <EMAIL REMOVED>
Subject: [WebAIM] access form error messages

Hello,

I am trying to find some online articles/data about the best way to
present error messages on a form. Does anyone know of such an online
resource?



Type of questions I have -



Is it better for the screen reader user to have all form validation
errors presented in a list on the page?

Or is it better to have each error message positioned with the form
element that failed validation? If so, where?



Thank you once again for your insight.







Angela French

Internet Specialist

State Board for Community & Technical Colleges

360-704-4316

http://www.checkoutacollege.com

http://www.sbctc.ctc.edu