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.
>>
>>