WebAIM - Web Accessibility In Mind

E-mail List Archives

I have a question on focus. Not Visual Focus


From: Nancy Johnson
Date: Sep 25, 2015 11:48AM

I work on highly interactive sites with a team of engineers.

Issue one: Server Side submit, and total page refresh, how can I get
the screen reader to read the success or error messaging instead of
going to the top of the page? Live Regions don't always work?

Issue two: Client-side submits: We are building a complex application
where we are using jQuery tabs to navigate through a Step process
Currently Steps two through 5 takes the user to the first field on
each step instead of the tab, with the final step goes to a Preview
page and the focus goes to the Submit at the bottom. Under the hood,
physically the entire application is one page with includes until it
submits to the databasae. The Preview is physically using the same
.jsp's as the Steps with the data retained for review.

The focus on each tab goes to the first field and the non-visual user
will miss all the instructions before the first field. I also had
trouble getting NVDA, screen reader out of tabs mode to read mode.
(Not an expert).

Other than that this application meets most of the WCAG 2.0 AA
requirements...It reads and focuses correctly on client-side error
handling which I am very pleased about.

Any suggestions on the server side submit AND better client side focus?
Are there any good tutorials geared for developers and engineers
working on complex interactive sites and WCAG 2.0 AA rating?

There is some talk of moving to Angular in the future.