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