WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Multi selectable combo boxes

for

From: Bryan Garaventa
Date: Aug 25, 2023 10:34AM

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