WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Errors with tab order and reading order in forms


From: Paul J. Adam
Date: Nov 28, 2016 4:12PM

Are you using tabindex=1,2,3,4+, etc. to try and manually control the tab order? Don’t do that if so.

Just let the source code or DOM order of the page control the focus and reading order of content.

I’d recommend using the autofocus attribute if you want to start focus at a certain input on the page rather than using tabindex.

http://pauljadam.com/demos/positivetabindexfail.html <http://pauljadam.com/demos/positivetabindexfail.html>;
http://pauljadam.com/demos/autofocusvstabindex.html <http://pauljadam.com/demos/autofocusvstabindex.html>;

If you share some code or a working demo we can answer your question better.


Paul J. Adam
Accessibility Evangelist

> On Nov 28, 2016, at 5:07 PM, Anne Godlewski < <EMAIL REMOVED> > wrote:
> Hello,
> I'm having a significant issue with a particular page of a form.
> When I re-order the form fields on this page (page 8) using the Forms tool, my accessibility checker tells me that on several pages, the tab order may be inconsistent with the document structure. When I set the tab order to follow the document structure, I lose about 10 form field tags throughout the document and the reading order on page 8 gets messed up. So I add the form field tags back and leave the tab order according to the document structure, and the accessibility checker says all is well, but I can see that the reading order on page 8 is still completely wrong. If I correct one error, I'm left with the other error.
> Is there a solution to this awful cycle?
> Thanks,
> Anne
> > > >