[Usable - Bot framework - Chat window]: 'Keyboard controls' screen doesn't appear by default on the screen.

[pgopinadhu]

User Experience: Visual users and people having limited cognitive abilities get affected as they miss knowing the useful information regarding the keyboard controls text.

Note: User credentials should NOT be included in the bug.

Pre-Requisite:

1. Open environment URL https://compulim.github.io/webchat-loader/.
2. Select "Cdn.botframework.com/latest" list item under version combo box.
3. Select "Mock Bot" link and select "Open web chat in new window" link.

Repro Steps:

1. Open "Web chat" link and navigate to "Webchat" popup.
2. Navigate to the "Keyboard Controls" pane.
3. Verify whether the keyboard controls screen is visible by default or not.

Actual Result: Keyboard controls screen doesn't appear on the screen by default. The screen appears only with focus on 'x' button. It disappears when focus moves away from 'x' button.

Expected Result: Keyboard controls screen should appear on the screen by default.

Reference Links:

• Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
• External Bug Process: If this bug belongs to external team, mark it as resolved/done and assign it back to the tester with notes on where to file/route the bug. For more information, please use this Link. “HCL Staff should not log any third-party external bugs. Should be routed to edad team”.
• Please reach out to C&AI Teams channel for any process related queries.

[pgopinadhu]

HCL;#Accessibility;#Benchmark;#A11yUsable;#A11ySev4;#FeatureBotframeworkwebchat-Apr23;

Win11-Edge(Chromium);

[pgopinadhu]

[compulim]

This is by-design.

The keyboard help screen is designed to only show up when the user press TAB to put the focus in Web Chat.

Its design is similar to the "Skip to content" widget, which shows up on a webpage only when TAB into the page.

The design is also similar to what Power BI offers (see below).

Recently, a few websites are trying to standardize on SHIFT + / to show the keyboard help screen. However, we cannot use this because it would interfere with text box.