After clicking on suggested actions, focus should not land on document body even for a brief moment #5050
Labels
area-accessibility
bug
Indicates an unexpected problem or an unintended behavior.
p0
Must Fix. Release-blocker
Is it an issue related to Adaptive Cards?
No.
What is the PWD impact?
Focus landing on document body confuse screen reader user.
Despite we specifically set the focus to send box, there is a very brief moment the focus jump to the
document.body
.After clicking on one of the suggested action button, today:
The brief moment between point 1 and 2 send the focus to the document body. Instead, we should do:
What browsers and screen readers do this issue affect?
Windows: Edge with Windows Narrator, Windows: Chrome with NVDA, iOS/iPadOS: Safari with VoiceOver
Are there any code-based customization done to Web Chat?
No, I am using Web Chat without any customizations except "styleOptions".
What version of Web Chat are you using?
Latest production
Which area does this issue affect?
Suggested action
What is the public URL for the website?
No response
How to reproduce the issue?
let lastActiveElement;setInterval(function() {const activeElement = document.activeElement;if (lastActiveElement !== activeElement) {console.log(activeElement);lastActiveElement = activeElement;}}, 10);
What do you expect?
The console will list focus changes. The change should not include
document.body
.What actually happened?
The console list focus changes and it includes
document.body
.Following screenshot show the focus change list.
Do you have any screenshots or recordings to repro the issue?
No response
Did you find any DOM elements that might have caused the issue?
No response
MAS reference
No response
WCAG reference
No response
WAI-ARIA reference
No response
Adaptive Card JSON
No response
Additional context
No response
The text was updated successfully, but these errors were encountered: