WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: The aria-labelledby attribute must point to an element in the same document.

for

From: Dave Merrill
Date: May 14, 2013 5:30AM

I'm not an expert in this area, but my understanding is this:

- Screen readers generally don't read text set to display: none or hidden,
via either inline styling or css classes.

- They generally DO read text that's positioned off-screen, say above or to
the left 3000px, so that's what you want if you want to hide something for
sighted users, but expose it to assistive technologies.

- That said, it's generally best to strive for content that works for both
sighted and assisted users, wherever possible.

- Labels are much preferred over spans for identifying fields, because the
association to a field is baked into the label element. The tie to a field
can be done either by wrapping the label around it, or by pointing to the
field's id with the 'for' attribute, which I don't believe is valid for any
other tags.

Hope that helps, others please correct me if I'm wrong about any of this.

Dave Merrill