When navigating the modal in virtual mode (with the arrow keys) the screen reader will hear that there is a ‘Keyboard Control’ modal but will not know they can select Enter to open the modal. #5212
This could be problematic, especially for those using speech recognition, or other AT’s. Providing a properly labeled visible button will improve wayfinding and reduce cognitive load.
What browsers and screen readers do this issue affect?
Windows: Edge with Windows Narrator, Windows: Chrome with NVDA, Windows: Chrome/Firefox with JAWS
Are there any code-based customization done to Web Chat?
No, I am using Web Chat without any customizations except "styleOptions".
[Tab] to the ‘Help me choose’ button and open the window.
[Down arrow] to hear ‘Keyboard Controls’ modal dialog.
Is it clear that this is interactable and/or how to access the modal?
What do you expect?
Provide a visible button to allow users to open the ‘Keyboard Controls’ modal dialog.
What actually happened?
When navigating the modal in virtual mode (with the arrow keys) the screen reader will hear that there is a ‘Keyboard Control’ modal but will not know they can select Enter to open the modal.
Do you have any screenshots or recordings to repro the issue?
Did you find any DOM elements that might have caused the issue?
Kirank915
commented
3 months ago
Is it an issue related to Adaptive Cards?
No.
What is the PWD impact?
This could be problematic, especially for those using speech recognition, or other AT’s. Providing a properly labeled visible button will improve wayfinding and reduce cognitive load.
What browsers and screen readers do this issue affect?
Windows: Edge with Windows Narrator, Windows: Chrome with NVDA, Windows: Chrome/Firefox with JAWS
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?
Others or unrelated
What is the public URL for the website?
https://www.microsoft.com/en-us/surface?at_preview_token=4FhxMZZq5RXQNNpOOuFqCLBpWwq30eLAUx7_sjX2n68&at_preview_index=1_2&at_preview_listed_activities_only=true
How to reproduce the issue?
What do you expect?
Provide a visible button to allow users to open the ‘Keyboard Controls’ modal dialog.
What actually happened?
When navigating the modal in virtual mode (with the arrow keys) the screen reader will hear that there is a ‘Keyboard Control’ modal but will not know they can select Enter to open the modal.
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://aka.ms/MAS1.3.1
WCAG reference
No response
WAI-ARIA reference
No response
Adaptive Card JSON
No response
Additional context
No response