WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: aria-describedby

for

From: Jesse Hausler
Date: Feb 16, 2012 11:57AM


Thanks everyone for your advise on this problem. I'll play around and let you know what I come up with.

Jesse


On 2/13/12 3:28 AM, "Steve Faulkner" < <EMAIL REMOVED> > wrote:

Hi Jesse,

I tested your code with Firefox 9.01 and JAWS 13, worked fine.

Chrome has a known bug with describedby.(
http://code.google.com/p/chromium/issues/detail?id=89195)

Also note that descibedby ONLY works with IE9+ and mulitple values for
aria-labelledby only works with IE9+

Furthermore IE requires that the referenced elements are either 'accessible
elements' (
http://msdn.microsoft.com/en-us/library/gg701963%28v=vs.85%29.aspx#Accessible_HTML_Elements
) or have tabdindex"-1" added.

so for your example you could do:

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


or

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

regards
stevef

On 11 February 2012 01:11, 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
>
>