RE: Regarding multiselect comboboxes

Thanks so much for this.

 

iOS not conveying checked is absolutely the bane of our existence over here. I’m including James S on the CC line since he’s not on the mailing list.

 

happy to play with these and get you feedback. Is there a way of doing that on an issue or something so I can get James S to participate?

 

 

 

President, Prime Access Consulting, Inc.

Phone: 919-345-3832

https://www.PAC.bz

Twitter: @SinaBahram

Personal Website:  <https://www.sinabahram.com> https://www.sinabahram.com

 

From: Bryan Garaventa <bryan.garaventa@levelaccess.com> 
Sent: Wednesday, June 3, 2020 3:01 PM
To: James Nurthen <nurthen@adobe.com>; 'ARIA Working Group' <public-aria@w3.org>
Subject: Regarding multiselect comboboxes

 

Hi,

Over the weekend, I updated the code for the combobox widgets that I maintain personally, and tried to match this with the expected behaviors that we spoke of last. While testing, I found that the support for this is mostly good, with some negatives in some browser AT combos.

 

Windows appeared to do well with JAWS and NVDA across FF and Chrome. The least support is with iOS + VoiceOver using touch double tap to toggle checkability. The checked state is never conveyed by VoiceOver on role=option. I don’t have access to a Mac for testing, so OS X isn’t included.

 

First example is using a native input element.

http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Multiselect%20Editable%20with%20Substring%20Match)/demo.htm

(Functionality now supports pressing down arrow to open the full list of available options when the input is empty, plus auto-save when an option is checked so that the user can check some options, type something to narrow the list such as “post” then check other options to add to the ones that are already checked. In this case, the list of saved options is rendered below within a list element, but this is a config and could be placed anywhere such as within the input.)

 

Second example is using a simulated combobox structure.

http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Simulated,%20Readonly%20Multiselect)/demo.htm

(Functionality supports the normal expected keystrokes for activation and traversal. It also includes expected click and touch support where the combobox (styled to look like a button) also acts as a toggle where checked options are auto saved when closed.)

 

This last one most closely resembles the functionality of the pill formatted options that Aaron mentioned, but this doesn’t include the styling for that because I don’t know how to make the element construct for making it appear that way. If added, the functionality of this example could easily be adjusted to make it editable using contenteditable plus the addition of formatted pill-like objects to represent all of the saved options when checked. If anyone would like to help me with that, please let me know.

 

All the best,

Bryan

 

 

 

Bryan Garaventa

Principal Accessibility Architect

Level Access, Inc.

Bryan.Garaventa@LevelAccess.com <mailto:Bryan.Garaventa@LevelAccess.com> 

415.624.2709 (o)

www.LevelAccess.com <http://www.levelaccess.com/> 

 

From: James Nurthen <nurthen@adobe.com> 
Sent: Wednesday, May 27, 2020 8:31 AM
To: 'ARIA Working Group' <public-aria@w3.org>
Subject: Agenda: ARIA Deep-dive call (1 hr before ARIA meeting)

 

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.

 

This week we are talking combobox. Particularly how to create a multi-select combobox and whether aria-checked and aria-selected should be allowed.

 

IRC:  <http://irc.w3.org/> irc.w3.org:6665 #aria-dive

Call Details:

1.      <https://www.w3.org/2017/08/telecon-info_aria> Meeting Details including passcode

To join the audio conference only: US Toll Number: +1 646 558 8656 or +1 669 900 6833
Meeting ID: 101 412 589 Mobile Auto Dial:+16699006833,,101412589# International Numbers: https://mit.zoom.us/u/aeoFNqVybP Join by SIP: 101412589@zoomcrc.com <mailto:101412589@zoomcrc.com>  Join by Skype for Business: https://mit.zoom.us/skype/101412589

 

 

James Nurthen (he/him)
Accessibility engineer

T 415 832 2734  
nurthen@adobe.com <mailto:nurthen@adobe.com>