WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Combo Boxes

for

From: Caitlin Geier
Date: Mar 1, 2018 12:09PM

My coworker built an accessible combobox. It supports both single select
and multiselect modes. We had the same problem with the native comboboxes,
and needed to roll our own for a product. My coworker open-sourced the
prototype he created for the project.

Demo: https://schne324.github.io/combobo/demo/
Github: https://github.com/schne324/combobo


On Thu, Mar 1, 2018 at 12:38 PM Brandon Keith Biggs <
<EMAIL REMOVED> > wrote:

> Hello,
> AccDC has several that work:
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20and%20Readonly)/demo.htm
>
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20with%20Substring%20Match)/demo.htm
>
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Multiselect%20Editable%20with%20Substring%20Match)/demo.htm
>
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Simulated,%20Readonly%20Multiselect)/demo.htm
>
> There are several more, but you can check them out for yourself. They all
> work for me.
> Thanks,
>
>
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
>
> On Thu, Mar 1, 2018 at 7:42 AM, Josh Schroder <
> <EMAIL REMOVED> >
> wrote:
>
> > Hi Kakarla,
> >
> > I believe that combo-boxes have historically been problematic for
> > accessibility.
> >
> > You may be able to implement some workarounds to improve functionality,
> > but the advice over the years has typically been to use checkboxes
> instead.
> >
> > Select2 looks like a promising alternative, but I've not used it myself.
> > https://select2.org/
> >
> > Josh Schroder
> > Web Administrator III
> > Office of Strategic Communications
> > Texas Department of Licensing and Regulation
> > (512) 936-8937
> >
> >