WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: DOM out of order


From: _mallory
Date: Jul 7, 2015 12:34AM

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.


On Mon, Jul 06, 2015 at 02:30:55PM -0400, <EMAIL 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 REMOVED> <mailto: <EMAIL REMOVED> >
> >
> >> >> >> >>
> --
> > > >