WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Multi selectable combo boxes

for

From: Sumit Patel
Date: Aug 27, 2023 4:51AM

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
>
>