WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: aria-describedby

for

From: Jeevan Reddy
Date: Feb 13, 2012 3:30AM

probably it seems to be a bug in JAWS 12/13 in handling multiple
values for the aria-describedby.
in the context of the example, the user requires label text to be
read, help text is optional to be read(some times optional text is
critical), and once the user finishes inputing the status should be
read.
so my suggestion is to use help text with the aria-describedby and use
aria-live regions to update the status to the user as follow.
<label for="dname">Domain name</label>
<input id="dname" type="text" aria-describedby="helptext">
<span id="helptext">use format: something.com</span>
<div id="win" aria-live="assertive" aria-atomic="true">Success!
Domain name available</div>

Best Regards,
Jeevan reddy.


On 2/11/12, Vincent Young < <EMAIL REMOVED> > wrote:
> I'd probably do something like this:
>
> <label for="input" id="label">Input Label</label>
> <input id="input" role="input" aria-describedby="help success" />
> <label for="input" id="help">Help Text</label>
> <div><label for="input" id="success">Success Text</label></div>
>
> Decent support, but it all depends on your AT requirements. Form is
> important and yeah you always want to try to achieve standards, but often
> what is the most important is the here and now and how users are able to
> perceive your content.
>
> On Fri, Feb 10, 2012 at 5:45 PM, Jesse Hausler
> < <EMAIL REMOVED> >wrote:
>
>> 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
>> >
>> >