WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Select Multiple Menu

for

From: Bryan Garaventa
Date: Jun 17, 2015 3:28PM

This is actually a pretty basic concept, use a multiselect or single select, then use active elements to move the options from one to the other. Just make sure that all are properly coded active elements with informative labels, and a live region does help for status messages.

You can do this with standard Select elements, or simulated ARIA Listboxes.
E.G
http://whatsock.com/tsg/Coding%20Arena/ARIA%20Listboxes/Redistributable/demo.htm

Best wishes,
Bryan

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Howard Kramer
Sent: Wednesday, June 17, 2015 1:32 PM
To: WebAIM Discussion List; Access Technology Higher Education Network
Subject: [WebAIM] Accessible Select Multiple Menu

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.

Is there a best practice or best solution on this issue. Note I looked on Paul J. Adam's site where I often find solutions to these types of widget issues but couldn't find anything.

Thanks in advance.

-Howard








--
Howard Kramer
Conference Coordinator
Accessing Higher Ground
303-492-8672
cell: 720-351-8668

AHEAD Association of Higher Education and Disability