Need to pick an accessible drop-down...

Tony Atkins tony at raisingthefloor.org
Thu Aug 14 07:59:36 UTC 2014


Hi, All:

In order to implement the reviewer interface for the Common Terms Registry,
I need an accessible drop-down menu that I can wire into my data model, for
example to allow the user to select their language.  This would also be
used in an alternate form as a simple drop-down menu (logout links in a
"user" menu).  If you want to see it in situ, here are the mockups
<http://wiki.fluidproject.org/download/attachments/34570511/ctr-mockups3.pdf>
.

My preference is to start with a select box, as it comes with decent
keyboard arrow support for free.  However, there are serious limitations on
how well you can style selects, as most browsers strongly impose their
implicit styling on them. Most sane approaches seem to hide the select
itself and present an alternate control in its place.

Last week, Antranig and I did a brief review of libraries that follow this
approach.  We talked about starting with jquery-selectbox:

http://marcj.github.io/jquery-selectBox/

There are some bugs with multi-selects
<https://github.com/marcj/jquery-selectBox/issues/160> and Firefox
<https://github.com/marcj/jquery-selectBox/issues/161> (I've filed issues
for both), but it seems as good a starting point as any.

I wanted to check in with the group and make sure that:

   1. No one has already created a fluid component that addresses the
   general need for drop-down menus and upstyled select boxes.  I haven't seen
   one in our demos or code repo.
   2. There are no other better starting points for this work.

Please comment.

Thanks,


Tony
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20140814/1a0f3a5d/attachment.htm>


More information about the fluid-work mailing list