WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: WAI ARIA help.. select boxes that are populated via AJAX


From: Birkir R. Gunnarsson
Date: Jul 30, 2012 4:36AM

What about adding a small hidden text before the first listbox saying
"when you select an option from this box, the next box (which you can
reach by the tab key) will be populated automatically with values).
The problem, to me, is when these things happen without the user
expecting or checking for them, but if they are aware of it, onChange
events do not have to be bad at all.

On 7/30/12, Steve Green < <EMAIL REMOVED> > wrote:
> I don't think you need any ARIA markup for this. We have tested this type
> of
> functionality with screen reader users several times and they have always
> been able to understand what is happening. The article you mentioned
> acknowledges that it is necessary for the user to have this understanding.
> If they don't, then the ARIA won't help them. If they do, our experience
> suggests that they don't need the ARIA.
> Steve Green
> Test Partners Ltd
> -----Original Message-----
> [mailto: <EMAIL REMOVED> ] On Behalf Of Nancy Johnson
> Sent: 27 July 2012 14:26
> To: WebAIM Discussion List
> Subject: [WebAIM] WAI ARIA help.. select boxes that are populated via AJAX
> Hi,
> I am still a newbie to WAI-ARIA and wondering if anyone can help me with
> the
> following:
> We are updating our search functionality on our live site and will be
> calling data via AJAX. in the following way:
> When a user comes to a search page, there will be two or three select boxes
> with only the first select input be enabled.
> 1. The user picks an entry in the first select box.
> 2. This enables the second box and populates it via AJAX based on the
> selection in the first box.
> 3. The third box is Optional, but it will be populated based on the first
> and second selection via AJAX
> I understand from the backend developers, they are going use an onChange
> event to make the changes
> For accessibility, do we need to add WAI-ARIA live regions to the <select
> input?
> I found this online. Would this be an answer for what I need?
> http://stackoverflow.com/questions/11350634/how-to-create-fully-accessible-n
> ested-dropdown-lists-using-wai-aria
> Can someone explain or point me to good references with good set of demos
> or samples?
> Thank you
> Nancy Johnson
> > > messages to <EMAIL REMOVED>
> > > >