WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using labels or table headers on nested editable elementsinside data cells?

for

From: JP Jamous
Date: Jan 10, 2017 2:17AM

Brandon,

I understand why you like liquid tables. I used to love them because you know the browser will adjust everything automatically and no need to be concerned with CSS or cross-browser compatibility. However, I do not recommend you use table headings in layout tables. Use table headings only in data tables.

So you can construct your table without the TH and assign a label to each form element. You would pass WCAG, "Label all form elements", and ensure proper readability with screen readers.

It's that simple. Layout tables should never contain table headings. Just remember that. Problem solved.