Linked:Bug11059109 Screen reader is announcing extra information along with error message
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?
- Turn on Narrator.
- Hit the URL https://servicesuat.microsoft.com/#/opdashboard/
- Tab till iris bot icon in the header section and press enter.
- Iris bot welcome screen will be displayed
- Tab till type your message textbox and type Sap access request.
- Select self and press enter. Form will be displayed.
- Keep the required fields empty.
- Tab till submit button and press enter.
- 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?
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
Bug copied from TCS team: https://microsoftit.visualstudio.com/OneITVSO/_workitems/edit/11059109
#A11yMAS;#A11ySev2;#Accessibility;#Benchmark;#BotFrameworkWebChat_Web;#HCL-BIC;#MAS1.3.1;#Win11-Edge(Chromium);
@compulim @OEvgeny
Unable to find similar control here to verify if it is reproducing: https://compulim.github.io/webchat-loader/
Can't open the bot there:
@Kirank915
@OEvgeny can you please check the JSON file provided by the team & let us know if issue is dependent on Botframework webchat team
@Kirank915 thanks, could you please try the below steps?
- Navigate to https://compulim.github.io/webchat-loader/
- Select Protocol > (x) Load From Transcript > [Edit]
- Paste the below transcript and hit [X] button
- Follow the Open Web Chat in a new window link at the bottom of the page
- 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" }
}
]
}
}
]
}
]