WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: aria-describedby

for

From: Vincent Young
Date: Feb 10, 2012 7:24PM

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