WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Multi selectable combo boxes

for

From: Graham Armfield
Date: Aug 27, 2023 9:02AM

Use of the Ctrl key and pointing device reminds me of using the multiple
attribute on the <select> HTML element, which I believe is not accessible
to some people including screen reader users and voice recognition users.

Surely a simpler and more accessible approach would be to have a group of
checkboxes - perhaps in a revealed panel if required.

Regards
Graham Armfield
Coolfields Consulting

On Sun, 27 Aug 2023, 12:51 pm Sumit Patel, < <EMAIL REMOVED> >
wrote:

> Thanks for the examples.
> Those are working fine.
> In most of the scenarios where a user can select multiple options ,
> they have to press and hold ctrl key and use arrow keys to perform
> this .
> So, from an WCAG perspective , do we need to alert the user about this
> keyboard shortcuts ?if yes, is it a failure of 3.3.2 Labels or
> instructions ?
> or since it is widely used, is it ok if it is not pre indicated ?
>
>
> On 25/08/2023, Bryan Garaventa < <EMAIL REMOVED> > wrote:
> > Hi,
> > Here are 2 examples of multiselect comboboxes that use the ARIA 1.2
> combobox
> > design pattern.
> >
> > 1 Editable:
> >
> https://whatsock.com/Templates/Comboboxes/Native%20Inputs,%20Multiselect%20Editable%20with%20Substring%20Match/index.htm
> > 2 Readonly:
> >
> https://whatsock.com/Templates/Comboboxes/Simulated,%20Readonly%20Multiselect/index.htm
> >
> > In these cases aria-selected is used to convey individual option
> > selectability. Others have proposed using aria-checked for this purpose
> > instead, however this doesn't work on iOS using VO. Only the ARIA
> > multiselect listbox design pattern is best supported across both desktop
> and
> > mobile at present.
> >
> > All the best,
> > Bryan
> >
> >