WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Usage of title attribute or hidden label

for

From: Alastair Campbell
Date: Nov 7, 2013 3:43AM

Steve Faulkner wrote:

> While I don't claim to be an expert what I do claim is that when I publish
> advice it is based on data and research of browser and AT implementations
> of features and the standards defining the implementations of those
> features.


Knowing the research on a topic is always the best start for expert-hood,
you might not claim it, but I would on your behalf ;-)

So overall it looks like there are a couple of options for hidden labels
then:

1. Having a label and hiding it off-screen, but avoiding the Firefox bug.
This isn't a good option if you need to cater for right-to-left languages
or notice performance issues on mobile devices.

2. Using title on the input.

I think we've generally done the first and not triggered the bug because we
use overflow, we just moved it way off screen. We haven't had to cater for
RTL languages though, or use it enough per page to trigger performance
issues.

Perhaps in future when we can rely on user agents understanding aria-label,
and then use title for explanatory text? e.g. <input type="text"
aria-label="First name" title="Required">

Cheers,

-Alastair