WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: aria-describedby

for

From: Jesse Hausler
Date: Feb 10, 2012 6:45PM

I looked into that and read that it's poor form to use a <label> and aria-labbeledby at the same time. Even so, I tried using both, each getting one item per attribute. This didn't work either, as it only announced, "Success! ..."

<label for="dname">Domain name</label>
<input id="dname" type="text" aria-describedby="helptext" aria-labelledby="win">
<span id="helptext">use format: something.com</span>
<div id="win">Success! Domain name available</div>

Thanks for the reply.

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Ryan Hemphill
Sent: Friday, February 10, 2012 5:21 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] aria-describedby

You might try aria-labelledby.

Ryan

On Fri, Feb 10, 2012 at 8:11 PM, Jesse Hausler < <EMAIL REMOVED> >wrote:

> Having troubles with aria-describedby. Maybe someone here can help.
>
> I have a form that has a label, help text, and depending on validation
> rules it may have an error message as well.
>
> I've read through ARIA spec and blogs etc and came up with this:
> <label for="dname">Domain name</label>
> <input id="dname" type="text" aria-describedby="helptext win">
> <span id="helptext">use format: something.com</span>
> <div id="win">Success! Domain name available</div>
>
> The problem is, it doesn't work. JAWS13 with FF10 or Chrome16 only reads
> the label text: Domain Name. I can't actually get IE to work with JAWS, so
> no luck there either.
>
> It has to do with the second value in the aria-describedby attribute. When
> I remove "win", then it reads my helptext (and vice-versa).
>
> Thanks,
> Jesse
>
> ---
> Jesse Hausler
> Sr. Accessibility Specialist | salesforce.com<http://www.salesforce.com/>;
> Tel (415) 536-8902 | Fax (415) 944-1762
>
>