WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Usage of title attribute or hidden label

for

From: Steve Faulkner
Date: Nov 7, 2013 12:57AM

HI Holli, this is not good advice as the title attribute only maps to the
accessible name in accessibility APIs when there is no other source of an
accessible name [1], when there is it will be mapped to the accessible
description, so in this case

<input title="poot" type="text" aria-label="poot">

you end up with

accessible name from aria-label = poot
accessible description from title = poot

which can lead to duplicate announcement.

[1]
http://rawgithub.com/w3c/html-api-map/master/index.html#accessible-name-and-description-calculation

--

Regards

SteveF
HTML 5.1 <http://www.w3.org/html/wg/drafts/html/master/>;


On 6 November 2013 16:16, Holli Smith < <EMAIL REMOVED> > wrote:

> I believe the recommendation at the deque conference was to use both title
> attribute and an aria label to support the maximum combination of browsers
> and screenreaders
> On Nov 6, 2013 11:14 AM, "Gunderson, Jon R" < <EMAIL REMOVED> > wrote:
>
> > Another option is to use the aria-label attribute:
> >
> > http://www.w3.org/TR/wai-aria/states_and_properties#aria-label
> >
> > It works just like the title attribute, but produces no tooltip.
> >
> > Example:
> >
> > <input type="text" name="firstname" size="15" aria-label="First Name">
> >
> > Jon
> >
> >
> >