WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Correct mark-up for a form in a table

for

From: Steve Green
Date: Sep 5, 2007 8:30AM

Hi Rich,

I have encountered similar matrices of form controls during user testing
with JAWS. The user was extremely proficient (he's a JAWS trainer) but he
was absolutely baffled. He understood how the form worked once I explained
it but he still found it impossible to use and was unable to complete the
task. Without sighted assistance he would have given up within a few
seconds.

In forms mode JAWS only reads the text in links, legends and labels. To
navigate a table like this you would have to start in virtual cursor mode
and use the keyboard shortcuts to read the row and column headings. In each
textbox you would have to go into forms mode to change the data. Then go
back into virtual cursor mode to navigate ot the next field. In theory the
user could remember where they are (and avoid some of this mode switching)
but in practice that tends not to happen when the contents of the table
cells are so similar.

This is one of those cases where the behaviour of the form is obvious to a
sighted user, but a screen reader user has no idea what is going on. If they
are to have any chance, you would need to provide an explanation, but our
experience suggests that even that is unlikely to be successful.

Steve Green
Director
Test Partners Ltd / First Accessibility
www.testpartners.co.uk
www.accessibility.co.uk



-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of Rich Pedley
Sent: 05 September 2007 11:40
To: WebAIM Discussion List
Subject: [WebAIM] Correct mark-up for a form in a table

I was recently asked to develop a accessible shopping cart for Wordpress.
Currently I'm designing things for a specific use, but I am hoping that I
can further develop it for general release.

Part of the scripts involves being able to change shipping amounts for
various zones, within various classes. Not easy to explain, so I've created
an online example:
http://www.quirm.net/shipping.html

Now obviously I haven't used any <label>'s as yet. But if I add them it
would seriously mess up the layout. I realise they can be positioned off
screen with CSS, but is there an alternative?

Can JAWS navigate the form using the id and headers within the table?
I don't know if JAWS when in form mode allows this or not.

Any help would be appreciated.

Rich Pedley