WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: DOM out of order

for

Number of posts in this thread: 3 (In chronological order)

From: Joseph Sherman
Date: Mon, Jul 06 2015 11:17AM
Subject: DOM out of order
No previous message | Next message →

This is a new one, at least for me. I don't really have a question, I just want to confirm my thoughts.

I am testing an app developed with PeopleTools. There are lots of forms to fill out. The fields are labeled properly so the field names are read by screenreaders when users tab into the field. However, when using the "Say all" or down arrow commands to read the page, the form field is read before the label. So it says, "Text, edit" and then tells what information is expected, "e-mail address", something I never came across before. I determined it seems this is due to the text box preceding the label in the DOM.

Anyone ever seen this before? This is a 1.3.2 failure, correct?


Joseph Sherman
Accessibility Specialist
CUNY Computing & Information Services
395 Hudson St 6FL, 6-236
646-664-2167| = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >

From: deborah.kaplan@suberic.net
Date: Mon, Jul 06 2015 12:30PM
Subject: Re: DOM out of order
← Previous message | Next message →

Goodness, yes, this one is very annoying. It's also a problem for keyboard, unless they did a lot of maneuvering with tabindex. You should check to see if the same problem persists with keyboard focus, because in that case it also fails 2.4.3.

Deborah Kaplan

On Mon, 6 Jul 2015, Joseph Sherman wrote:

> This is a new one, at least for me. I don't really have a question, I just want to confirm my thoughts.
>
> I am testing an app developed with PeopleTools. There are lots of forms to fill out. The fields are labeled properly so the field names are read by screenreaders when users tab into the field. However, when using the "Say all" or down arrow commands to read the page, the form field is read before the label. So it says, "Text, edit" and then tells what information is expected, "e-mail address", something I never came across before. I determined it seems this is due to the text box preceding the label in the DOM.
>
> Anyone ever seen this before? This is a 1.3.2 failure, correct?
>
>
> Joseph Sherman
> Accessibility Specialist
> CUNY Computing & Information Services
> 395 Hudson St 6FL, 6-236
> 646-664-2167| = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
>
> > > > --

From: _mallory
Date: Tue, Jul 07 2015 12:34AM
Subject: Re: DOM out of order
← Previous message | No next message

This is not uncommon in online forms who are electronic versions of
paper forms where the label sits under the input. In some countries
this is very common as it's considered (by some) to be more clear
to users. At least on paper.

I can't see why this would be a keyboard issue, if it's simply the
labels coming under the inputs. Unless the browser only scrolls down
just enough to show the focussed element, then the label's visually
cut off, and that does kinda suck, but I don't do caret navigation
on forms, I use arrows.

_mallory

On Mon, Jul 06, 2015 at 02:30:55PM -0400, = EMAIL ADDRESS REMOVED = wrote:
> Goodness, yes, this one is very annoying. It's also a problem for keyboard, unless they did a lot of maneuvering with tabindex. You should check to see if the same problem persists with keyboard focus, because in that case it also fails 2.4.3.
>
> Deborah Kaplan
>
> On Mon, 6 Jul 2015, Joseph Sherman wrote:
>
> >This is a new one, at least for me. I don't really have a question, I just want to confirm my thoughts.
> >
> >I am testing an app developed with PeopleTools. There are lots of forms to fill out. The fields are labeled properly so the field names are read by screenreaders when users tab into the field. However, when using the "Say all" or down arrow commands to read the page, the form field is read before the label. So it says, "Text, edit" and then tells what information is expected, "e-mail address", something I never came across before. I determined it seems this is due to the text box preceding the label in the DOM.
> >
> >Anyone ever seen this before? This is a 1.3.2 failure, correct?
> >
> >
> >Joseph Sherman
> >Accessibility Specialist
> >CUNY Computing & Information Services
> >395 Hudson St 6FL, 6-236
> >646-664-2167| = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> >
> >> >> >> >>
> --
> > > >