WebAIM - Web Accessibility In Mind

E-mail List Archives

accessible example of double list box/picker


From: Angela French
Date: Jul 18, 2017 5:28PM

I am trying to find an example of a well-implemented, accessible, double list picker. I'm not sure if that is the correct name for what I'm referring to however.

I'm looking for the functionality where the user picks items from a select list then uses a button to move the item to an adjacent list box.

The big question for me is how to adequately label what the first list is and what where the list item is going once it is selected and moved to the other box. In other words how do we lay this out and label it so that a screen reader user doesn't have to go forward then backward to learn what the lists are?

Thanks for any advice or links to good examples.

Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges