[MultiComboBox]: Certain ARIA roles must contain particular children for multicomboBox

[achuth2912]

Bug Description

Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.

Affected Component

https://ui5.github.io/webcomponents-react/v2/?path=/docs/inputs-multicombobox--docs

Expected Behaviour

div.ui5-multi-combobox-root.ui5-input-focusable-element > ui5-tokenizer.ui5-multi-combobox-tokenizer >>> div.ui5-tokenizer-root > div.ui5-tokenizer-content > div.ui5-tokenizer-list

Actual Results:

Certain ARIA roles must contain particular children: Fix any of the following:
Expecting ARIA children role to be added: group, option

Expected Result:

Ensure certain aria roles contain particular children.

Impact:

Users relying on assistive technologies may be completely unable to access or operate this element. This is a blocker for accessible usage.

WCAG Reference:

WCAG 4.1.2 Name Role Value (Level A)

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.22.0

Browser

Chrome

Operating System

Windows, Mac

Additional Context

Similar Fix might be required
UI5/openui5@338fe80

Organization

SAP

Declaration

• I’m not disclosing any internal or sensitive information.

[nikoletavnv]

Hello @achuth2912
I am running some accessibility scans with AXE Dev tools and Lighthouse and I do not see an issue related to a role and its children roles. Can you please be more specific what is the issue and how to reproduce it?
In both latest versions of ui5-multi-combobox web component and sap.m.MultiComboBox ( part of UI5 controls ) , the tokens are children of a container with role "listbox" and each token has a role "option". There is an n-more link with role "button" but it is outside of the listbox element.

Kind regards,
Nikoleta

[achuth2912]

Hi @nikoletavnv ,
On the MultiComboBox when we select any child item it doe snot throw any error.
Only when its on the empty state we are getting this error reported as Certain ARIA roles must contain particular children, Expecting ARIA children role to be added: group, option

[nikoletavnv]

Hello @UI5/ui5-team-ctr-ril ,
There is an ACC issue when the ui5-multi-combobox does not have any tokens, because the tokenizer container is rendered with a listbox role but no child items with role group or option. A possible solution is to remove the role when there are no items selected, but it should be aligned with the design spec and announcements.

Kind regards,
Nikoleta