WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Graham Armfield
Date: Jan 10, 2017 8:15AM

I know the code provided was just an example, but what is it that
differentiates the various rows of inputs in this table setup? Surely you'd
also need some way of tying the age/number field with the name field
otherwise the prompt is ambiguous.

In the corresponding form not laid out in a table I'd be using fieldset and
legend to link the inputs. But here, could you also have the id of the name
field included in the aria-labelledby? Has anyone tried doing that.

I'd want to test this in mobile situations with Voiceover and Talkback too.

Regards
Graham Armfield