RE: Need clarity on listbox, menu, dialog, or something else

As James said, the menu and listbox patterns do not fit.

 

I agree that you could use a dialog,but that is unnecessarily heavy. Only use the dialog if it will overlay on top of other stuff and contain the tab ring.

 

I recommend the disclosure pattern.  That is sort of what BBC did, but on the element that shows the panel, they didn’t give it role button. Other than that, they did a great job with it. The only other enhancement I would recommend in that particular case is wrapping it in a region when it is expanded. They did put a close button as the last element, which is a very nice touch.

 

Matt

 

From: James Nurthen [mailto:james.nurthen@oracle.com] 
Sent: Wednesday, February 7, 2018 2:22 PM
To: Storr, Francis <francis.storr@intel.com>; public-aria@w3.org
Subject: RE: Need clarity on listbox, menu, dialog, or something else

 

IMO a dialog. It has more than 1 type of controls in it. Listboxes and menus can only have options or menuitems respectively.

 

 

From: Storr, Francis [mailto:francis.storr@intel.com] 
Sent: Wednesday, February 7, 2018 11:29 AM
To: public-aria@w3.org <mailto:public-aria@w3.org> 
Subject: Need clarity on listbox, menu, dialog, or something else

 

Hi, all

 

I’ve been going through the ARIA specs and am trying to work out how a particular pop-up widget should be marked up. An example can been seen on the BBC’s news page (for example: http://www.bbc.com/news/av/uk-42970067/cheddar-man-dna-shows-early-brit-had-dark-skin <https://urldefense.proofpoint.com/v2/url?u=http-3A__www.bbc.com_news_av_uk-2D42970067_cheddar-2Dman-2Ddna-2Dshows-2Dearly-2Dbrit-2Dhad-2Ddark-2Dskin&d=DwMGaQ&c=RoP1YumCXCgaWHvlZYR8PZh8Bv7qIrMUB65eapI_JnE&r=CIHu8rc_0wRTTC_7DvWtiGNKjpA-3oTgbu_6ve6hP0I&m=e9Ykfv6c6zdOHa4FO7V9yDfy4hcJHErb3kUo1pvv3VI&s=8BuANy0u9mSZtsy_8AM5Ww6DAtfuOkrX3rN6iV4ggvY&e=> ). Take a look at the Share link on the right of the page (assuming you’re on a desktop display). What could that pop-up panel be marked up as? Looking at ARIA 1.1, I feel it could be:

 

1. A listbox (“A widget that allows the user to select one or more items from a list of choices.”)
2. A menu (“A menu is often a list of common actions or functions that the user can invoke.”) although this feels weaker as it’s not “presented in a manner similar to a menu on a desktop application”.
3. A non-modal dialog (“A dialog is a window overlayed on either the primary window or another dialog window.”)

 

Any advice would be gratefully received.

 

Thanks

 

— 

Francis Storr, Intel