WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Errors with tab order and reading order in forms

for

From: Jonathan Avila
Date: Nov 29, 2016 7:34AM

>> > I'm having a significant issue with a particular page of a form.
> Are you using tabindex=1,2,3,4+, etc. to try and manually control the tab order? Don't do that if so.

I think Anne is talking about PDF. There are some situations in PDF where the focus order may need to be different than the document structure order. In those specific cases it is ok. For example, say a table is used and the data table contains forms fields and headers, etc. It may be the preferred focus order to fill out all fields in column 1 first -- yet the structure order is row 1, row 2, etc. which would dictate filling out all fields in row 1 first. As long as the focus order is correct to the business logic and all fields are focusable the warning could safely be ignored in my opinion.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group 
<EMAIL REMOVED>
703.637.8957 (Office)

Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
Don't miss Trends in Accessibility & Electronic Documents on Wed 12/7!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Paul J. Adam
Sent: Monday, November 28, 2016 6:13 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Errors with tab order and reading order in forms

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.

Thanks!

Paul J. Adam
Accessibility Evangelist
www.deque.com

> 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
>
> > > archives at http://webaim.org/discussion/archives
>