[SFSF][A11y][MultiComboBox] Focus is lost after deleting the tokens and notification message is being read out by screen readers

[saorabhkr]

Describe the bug

Describe the bug

With MultiComboBox, when we delete any tokens we have observed two things:

After deleting any token focus is not staying there on the previous/next token.

Upon deletion screen reader is not announcing "Token deleted" or anything.

The same can be seen here:
https://sap.github.io/ui5-webcomponents-react/?path=/story/inputs-multicombobox--default-story

Isolated Example

https://sap.github.io/ui5-webcomponents-react/?path=/story/inputs-multicombobox--default-story

Reproduction steps

Go to Demo Page

Select a few tokens from the dropdown
Delete the tokens
It's been observed that it's not retaining the focus.
Now delete any token and the announcement by NVDA/JAWS
It's not announcing anything.

Expected Behaviour

MultiComboBox:

After deleting any token focus should stay on the previous/next token

After deleting any token screen reader should announce some message eg: "Token deleted"
on

Screenshots or Videos

No response

UI5 Web Components for React Version

1.8.1

UI5 Web Components Version

1.10.5

Browser

Chrome

Operating System

MacOS

Additional Context

No response

Relevant log output

No response

[Lukas742]

Hi @saorabhkr

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

After deleting any token focus is not staying there on the previous/next token.

I have not been able to reproduce this. Please provide detailed steps on how this behavior occurs.

2023-03-08_08-50-45.mp4

---

Hi colleagues,

there is no dedicated announcement for token deletion. Could you please check if this is intentional?
There could also be an issue with focus after token deletion, but let's wait for the input of the author for a more detailed description of how to reproduce this.

[plamenivanov91]

Hello @SAP/ui5-webcomponents-topic-rl ,

Currently if we focus a token in the MCB react default story and delete it with Backspace or Delete button, the tokens preview is closed (it says two more if there are two tokens for example).

The reporter claims that instead of closing the editing of the tokens, it should transfer the focus to the next/previous token and when we delete a Token, the screen reader should notify us about that action.

Are those claims valid, or the MCB works that way by design?

Could you please take over?

Regards,
Plamen Ivanov

[saorabhkr]

Hi @Lukas742,

After deleting any token focus is not staying there on the previous/next token.
Please see the attached video, captured from storybook

Screen.Recording.2023-03-09.at.10.18.35.AM.mov

Also created an isolated example.
https://codesandbox.io/s/adoring-frost-pt0yit?file=/src/App.js

Please let me know if you need any other details.

Best Regards,
Saorabh

[saorabhkr]

Hi @Lukas742,

We have found one more issue, with JAWS placeholder for MultiComboBox is not being read out. It should announce placeholder text with JAWS screen reader.

Best Regards,
Saorabh