WebAIM - Web Accessibility In Mind

E-mail List Archives

Using labels or table headers on nested editable elements inside data cells?

for

From: Brandon Keith Biggs
Date: Jan 10, 2017 1:47AM

Hello,
I am wondering what should be done in this situation.
If one has a table that is properly using the <th> tags at the top, then
all cells below will inherit the heading. This means edit boxes and whatnot
don't need any label because the header already is the label.
This is how I mostly program tables because it is the easiest and NVDA
likes it the most. But it fails accessibility tests because the edit boxes
don't have a label.

If one adds a label to the field then NVDA announces the title of the field
twice and the edit fields don't pass because they are not unique. (This
functionality is not just NVDA either).

So what should one do in this situation? For me as an NVDA user, I really
like edit boxes without labels if tables have their headers correct. But
the WCAG guidelines don't agree with me.
What should be done?
Thanks,

Brandon Keith Biggs <http://brandonkeithbiggs.com/>;