WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Select Multiple Menu

for

From: Patrick H. Lauke
Date: Jun 17, 2015 3:05PM

On 17/06/2015 21:31, Howard Kramer wrote:
> Hello All:
>
> I've been searching the Web for Accessible Multiple Select using two select
> Multiples (also know as option transfer). Hopefully I haven't lost you all
> by this point. In other words, a select multiple where your selections get
> transferred to another Multiple Select (I know, much clearer). This is
> sometimes used in lieu of a drag and drop.
>
> Ryan Cramer suggests using the jQuery ASMSELECT plugin. He has a
> demonstration and explanation of it at
> http://www.ryancramer.com/journal/entries/select_multiple/. Go about
> halfway down the page under the ASMSELECT heading.

Breaking it up into two scrollable lists of checkboxes would probably be
my first instinct too - much more straightforward to use that actual
multi-select <select> constructs.

Perhaps throwing in an ARIA live region that gives some feedback (a la
"Selected items moved to X", "Selected items removed from X").

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke