AdaptiveCards icon indicating copy to clipboard operation
AdaptiveCards copied to clipboard

{Linked:Bug11059109} [Adaptive Cards > Designer] - Screen Reader is conveying irrelevant information while activating the submit button.

Open vagpt opened this issue 2 years ago • 5 comments

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment: URL: https://adaptivecards.io/designer/ OS Version: 23H2 (OS Build 25977.1000) Browser Version: Version 120.0.2186.2 (Official build) dev (64-bit) Screen Reader: Screen Reader

Pre-Requisite: Run the below attached JSON file under 'Copy Card Payload editor.'

Repro Steps:

  1. Open the above URL on the EDGE Dev browser.
  2. Run the Json file.
  3. Navigate to the Preview mode and press enter key to activate it.
  4. Leave all mandatory field blank and press tab key to navigate on Submit button.
  5. Press enter key and observe the issue.

Actual Result: Screen Reader is conveying irrelevant information when without entering value in any field user is activating submit button. Instead of only error messages being read, extra information is being read which is not required and can be confusing to user.

Expected Result: After activating the Submit button, screen reader should convey the error message only.

User Impact: It will impact the Screen reader as they will be confused if extra information is being read which is not required.

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

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)

Screenshots

https://github.com/microsoft/AdaptiveCards/assets/95913748/79d5c599-212f-4cb5-8a2c-d18e0b2f7940

Card JSON

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.6",
    "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"
            }
        }
    ]
}

Sample Code Language

No response

Sample Code

No response

vagpt avatar Nov 04 '23 05:11 vagpt

Originally tracked with below URL.

https://dev.azure.com/MicrosoftIT/OneITVSO/_workitems/edit/11059109

vagpt avatar Nov 04 '23 05:11 vagpt

Hi @anna-dingler,

Any update on this bug?

vagpt avatar Dec 10 '23 15:12 vagpt

Hi @anna-dingler,

Any update on this bug?

Can you send the video of the current behavior again? I do not have access to the original bug.

anna-dingler avatar Dec 20 '23 17:12 anna-dingler

Hi @jwoo-msft,

Sorry for late response.

Please find the below video from the dependent bug.

11059109A11y_Intelligent Support_Iris bot_SAPaccessrequest_ScreenReader.webm

vagpt avatar Jan 04 '24 13:01 vagpt

Hi @anna-dingler

Any update on this bug?

vagpt avatar Feb 08 '24 07:02 vagpt

Hi @jwoo-msft

Gentle Reminder!!!

vagpt avatar Feb 29 '24 05:02 vagpt

Hi @vagpt,

I don't have any updates on this bug at the moment. It is included in our March sprint.

Thanks!

anna-dingler avatar Feb 29 '24 18:02 anna-dingler

This fix is in production as of 3/18/24

anna-dingler avatar Mar 18 '24 22:03 anna-dingler