WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: onchange javascript event in auto dropdown box

for

From: ben morrison
Date: Jul 9, 2008 1:50PM

On Wed, Jul 9, 2008 at 8:36 PM, Lee, Samson (HRSA) [C] < <EMAIL REMOVED> > wrote:
> On this WebAIM's article -
> http://webaim.org/techniques/javascript/eventhandlers.php#onchange - the
> "bad" (inaccessible) dropdown box in the onchange javascript event
> example is not accessible because it works with a mouse only. This is
> what I thought, too, but I just found that you can actually navigate and
> pick an item from the dropdown if you press Alt + down arrow and hit
> Enter. It's probably not user friendly this way, but I guess technically
> this is still 508 compliant? I think it should be avoided as much as
> possible, but when you have limited screen real estates with multiple
> dropdown boxes, I don't want to add multiple "Go" buttons. In this kind
> of scenario, I guess I can have the dropdown boxes without the
> buttons... am I right on this, or are there any other things that I
> should consider?

You should build the form as normal, with multiple forms if thats what
is required.

You can use CSS and JS to hide these submit elements if you don't want
to show them, when you know that JS is enabled.

ben

--
Ben Morrison