[SF][MultiInput][A11y]:ARIA listbox missing required child roles group or option

[tandan0813]

Bug Description

The ui5-tokenizer component renders a

with role="listbox" but contains no children with role="option" or role="group", violating the ARIA required children rule and causing accessibility violations.
<div class="ui5-tokenizer--list" role="listbox" aria-label="Tokenizer"></div>

A listbox role requires at least one child with role="option" or role="group" per the ARIA specification. When the tokenizer is empty, no such children are present, triggering the following axe-core violation:

▎ Certain ARIA roles must contain particular children — expecting ARIA children role to be added: group, option

Affected Component

MultiInput

Expected Behaviour

When the tokenizer contains no tokens, the container element should either:

• Not use role="listbox" (e.g., remove the role or use a different semantic element), or
• Ensure at least a placeholder child with an appropriate role is present so that the ARIA required children rule is
  satisfied.

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.23.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[plamenivanov91]

Hello @tandan0813 ,

The Tokenizer has slotted ui5-token components. Their root/wrapper element has role="option" as shown on the screenshot.

I can't reproduce the mentioned Axe error when the MultiInput is empty on this link:
https://ui5.github.io/webcomponents/components/MultiInput/ (2.23.1)

Could you please re-check your scenario and give us isolated sample if it's still reproducible ?

Regards,
Plamen Ivanov