ajax - Accessibility in javascript form validation -

ajax - Accessibility in javascript form validation -

this of import issue blind community i'm trying adress. how tell blind visitors username taken?

my current set-up not of import examples case, i've got jquery implementation checks user input against php script on ajax, returns json display on screen in error field. basic, , beyond scope of issue working perfectly.

but if i'm blind, won't notice username batman taken or can't contain spaces, , password requires @ to the lowest degree 7 characters.

alternatively, errors listed on error landing page after form submitted without javascript- it's chunky works. improve more dynamic solution , suport optimal.

as screen reader user fill out entire form, submit it, , if doesn't work error text. in order notify blind user invalid info before entire form submitted take @ aria-live="assertive" alternative scene on next test page, section d. http://www.accessibleculture.org/articles/2011/02/aria-alert/ out of test cases section d test worked me under firefox 18.0.1 jaws 13.0. reason alert alternative doesn't work. utilize assertive alternative notify user wrong.

javascript ajax forms validation accessibility