search

microsoft / BotFramework-WebChat

A highly-customizable web-based client for Azure Bot Services.
https://www.botframework.com/
MIT License
1.58k stars 1.53k forks source link

Screen reader is announcing questions as toggle button off for every question which is confusing to the screen reader users. #4892

Open Kirank915 opened 11 months ago

Kirank915 commented 11 months ago

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

Screen reader users will be confused on interacting with the questions if they are being announced as toggle buttons.

What browsers and screen readers do this issue affect?

Windows: Edge with Windows Narrator

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://servicesuat.microsoft.com/#/opdashboard/

How to reproduce the issue?

  1. Hit the URL https://servicesuat.microsoft.com/#/opdashboard/
  2. Tab till iris bot icon in the header section and press enter.
  3. Iris bit welcome screen will be displayed.
  4. Tab till top questions for your role and press enter.
  5. Start Narrator and tab till first question and observe the announcement.

What do you expect?

Screen reader should announce as button as announcing toggle button can be confusing to the screen reader users.

What actually happened?

Screen reader is announcing questions as toggle button off for every question which is confusing to the screen reader users.

Environment Details:

Do you have any screenshots or recordings to repro the issue?

11059099A11y_Intelligent Support_Iris bot_Top questions for your role_ScreenReader.webm

Did you find any DOM elements that might have caused the issue?

No response

MAS reference

MAS 1.3.1 – Info and Relationships

WCAG reference

No response

WAI-ARIA reference

No response

Adaptive Card JSON

No response

Additional context

No response

v-prahu commented 11 months ago

A11yMAS;#A11ySev3;#MAS1.3.1;#HCL;#Accessibility;#FeatureBotframeworkwebchat-Apr23;

Kirank915 commented 11 months ago

This bug is copied from TCS team: Bug 11059099

compulim commented 11 months ago

This is by design.

Adaptive Cards supports repetitive submissions. In other words, after a button is clicked, the user can go back and click another button. This is the design of Adaptive Cards.

Thus, multiple choices requires us to use a push button approach via aria-pressed="true" to indicate what button is selected.

image

If repetitive submission is not desirable, the customer should consider using suggested actions, instead of Adaptive Cards.

v-prahu commented 11 months ago

HI @compulim Thanks for sharing details on this with your justification to mark it as By Design. I discussed this issue with SMEs and per their feedback, this does not sound like an accessibility issue. But this should be documented in Bot Framework Webchat docs on how these button works and what is the purpose of functionality on these buttons.