BotFramework-WebChat icon indicating copy to clipboard operation
BotFramework-WebChat copied to clipboard

Linked:Bug11059109 Screen reader is announcing extra information along with error message

Open Kirank915 opened this issue 4 months ago • 6 comments

Is it an issue related to Adaptive Cards?

No.

What is the PWD impact?

Screen reader users will be confused if extra information is being read which is not required.

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. Turn on Narrator.
  2. Hit the URL https://servicesuat.microsoft.com/#/opdashboard/
  3. Tab till iris bot icon in the header section and press enter.
  4. Iris bot welcome screen will be displayed
  5. Tab till type your message textbox and type Sap access request.
  6. Select self and press enter. Form will be displayed.
  7. Keep the required fields empty.
  8. Tab till submit button and press enter.
  9. The error messages will be appeared to the respective required fields.

What do you expect?

Screen reader should read only the displayed error messages of the required field.

What actually happened?

Screen reader is announcing the unnecessary extra information along with the error message appeared for the required field.

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

Image

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

No response

MAS reference

https://aka.ms/MAS1.3.1

WCAG reference

https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html

WAI-ARIA reference

No response

Adaptive Card JSON


Additional context

No response

Kirank915 avatar Oct 13 '25 14:10 Kirank915

#A11yMAS;#A11ySev2;#Accessibility;#Benchmark;#BotFrameworkWebChat_Web;#HCL-BIC;#MAS1.3.1;#Win11-Edge(Chromium);

Kirank915 avatar Oct 13 '25 14:10 Kirank915

@compulim @OEvgeny

Unable to find similar control here to verify if it is reproducing: https://compulim.github.io/webchat-loader/

Kirank915 avatar Oct 13 '25 14:10 Kirank915

Can't open the bot there:

Image

@Kirank915

OEvgeny avatar Oct 13 '25 19:10 OEvgeny

@OEvgeny can you please check the JSON file provided by the team & let us know if issue is dependent on Botframework webchat team

11059109-AdaptiveCard.json

Kirank915 avatar Oct 14 '25 16:10 Kirank915

@Kirank915 thanks, could you please try the below steps?

  1. Navigate to https://compulim.github.io/webchat-loader/
  2. Select Protocol > (x) Load From Transcript > [Edit]
  3. Paste the below transcript and hit [X] button
  4. Follow the Open Web Chat in a new window link at the bottom of the page
  5. Verify the behavior is sound with above observations: a) if per the bug description: the bug is on Adaptive Cards b) Otherwise: the bug is on the team implementing Web Chat integration

Please let me know if anything else stands out during the process. Web Chat does not have control over how accessibility guidelines implemented in Adaptive Cards and we cannot fix the issue.

Transcript

 [
    {
      "type": "message",
      "id": "00000000-0000-0000-0000-000000000001",
      "timestamp": "2025-10-14T18:00:01.0000000+00:00",
      "channelId": "test",
      "from": { "id": "bot-anon", "name": "sap_helper_bot", "role": "bot" },
      "conversation": { "id": "conv-sap-req" },
      "recipient": { "id": "user-anon", "role": "user" },
      "locale": "en-US",
      "text": "Please fill out the SAP user account request form.",
      "attachments": [
        {
          "contentType": "application/vnd.microsoft.card.adaptive",
          "content": {
            "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
            "type": "AdaptiveCard",
            "version": "1.3",
            "body": [
              {
                "type": "ColumnSet",
                "columns": [
                  {
                    "type": "Column",
                    "width": 2,
                    "items": [
                      {
                        "type": "TextBlock",
                        "text": "Please enter the below details to create SAP user account request",
                        "weight": "Bolder",
                        "wrap": true
                      },
                      {
                        "type": "Input.ChoiceSet",
                        "id": "Roles",
                        "style": "expanded",
                        "isMultiSelect": true,
                        "isRequired": true,
                        "errorMessage": "Please select the role",
                        "label": "Role",
                        "wrap": true,
                        "choices": [
                          { "title": "Project Manager", "value": "Project Manager" },
                          { "title": "Business Manager", "value": "Business Manager" },
                          { "title": "Customer Account Manager", "value": "Customer Account Manager" },
                          { "title": "Software Engineer", "value": "Software Engineer" }
                        ],
                        "value": ""
                      },
                      {
                        "type": "Input.Text",
                        "id": "Justification",
                        "isMultiline": true,
                        "isRequired": true,
                        "errorMessage": "Please provide the business justification",
                        "label": "Business Justification",
                        "value": "",
                        "wrap": true
                      }
                    ]
                  }
                ]
              }
            ],
            "actions": [
              {
                "type": "Action.Submit",
                "title": "Submit",
                "data": { "id": "SAPUserRequest_Submit" }
              }
            ]
          }
        }
      ]
    }
  ]

OEvgeny avatar Oct 14 '25 19:10 OEvgeny