BotFramework-WebChat
BotFramework-WebChat copied to clipboard
microsoft
Keyboard focus is moving to non-interactive element “End of chat history” note
Is it an issue related to Adaptive Cards?
No.
What is the PWD impact?
Users who rely on keyboard will be impacted if Keyboard focus is moving to noninteractive element “End of chat history” note.
What browsers and screen readers do this issue affect?
Others
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?
Focus management
What is the public URL for the website?
https://airtuserexpdev.azurewebsites.net/Dashboard
How to reproduce the issue?
Step 1: Open the URL: https://airtuserexpdev.azurewebsites.net/Dashboard in Edge Browser.
Step 2: AIRT Dashboard page will appear, Navigate to “Chat with Sage” chat box at the bottom of the page.
Step 3: Using TAB key navigate to bottom of the page.
Step 4: Verify whether keyboard Focus order is logical and moves on to noninteractive element “End of chat history” note or not.
What do you expect?
Focus order should be logical and should not move to noninteractive element “End of chat history” note. Expected Focus Order: Bot Message -> Text box.
What actually happened?
Focus order is not logical and moves on to noninteractive element “End of chat history” note. Focus Order: Bot Message -> "End of chat history" note -> Text box.
Do you have any screenshots or recordings to repro the issue?
Did you find any DOM elements that might have caused the issue?
No response
MAS reference
https://microsoft.sharepoint.com/:w:/s/accessibility/EQnwpICBhyNEs80kSOr1v2IBQ1tiKQj6y90QKG1cRcwCEw?e=75BLFO
WCAG reference
Understanding Success Criterion 2.4.3: Focus Order (w3.org)
WAI-ARIA reference
No response
Adaptive Card JSON
No response
Additional context
No response
#A11yMAS;#A11ySev3;#MAS1.3.1;#HCL;#Accessibility;#FeatureBotframeworkwebchat-Apr23;
The "end of chat history" is by design and is a technical workaround for browser compatibility.
