{Linked:Bug25598620}[Adaptive Cards> Designer]: Screen reader is not announcing the whole information for the 'James Russell' card.

[vaishali1397]

Target Platforms

Other

SDK Version

1.2

Application Name

Adaptive Cards

Problem Description

Test Environment: OS version: 22H2 (Build 25145.1011) Browser: Edge Dev (105.0.1321.0 (Official build) dev (64-bit)) Screen reader: Narrator URL: https://adaptivecards.io/designer/

Repro steps:

1. Turn on the narrator through Ctrl+ windows+ enter key.
2. Open the above URL in edge dev browser.
3. Navigate to the designer tab and activate it.
4. Add the provided JSON on Card payload editor and sample payload editor.
5. Activate the preview mode.
6. Navigate to the 'James Russell' and 'James McElroy' through tab key.
7. Observe the issue.

Actual Result: On the 'James Russell' card, screen reader is not announcing the whole information. Narrator is only announcing as 'James Russell Senior Designer button'.

Expected Result: Screen reader should announce the whole information for the 'James Russell' card. Narrator should announce as 'James Russell Senior Designer button button'.

Notes: Same issue repro with 'James McElroy' card.

Observation: Issue repro with NVDA.

User Impact: Screen reader user will get impacted as user will not be able to know the whole information and will not be able to track or perform the action properly.

MAS reference link: https://liquid.microsoft.com/Web/Object/Read/MS.Accessibility/Requirements/03.03.02

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

Screenshots

https://user-images.githubusercontent.com/104483005/181201318-1c1a2942-d1bd-4d5b-a373-14064d072229.mp4

Card JSON

{
  "type": "AdaptiveCard",
  "version": "1.2",
  "speak": "Choose between James McElroy, James Russell",
  "body": [
    {
      "type": "ColumnSet",
      "columns": [
        {
          "type": "Column",
          "width": "48px",
          "items": [
            {
              "type": "Image",
              "size": "medium",
              "style": "person",
              "url": "https://graph.microsoft.com/v1.0/users/[email protected]/photo/$value",
              "horizontalAlignment": "center",
              "altText": "JM"
            }
          ],
          "verticalContentAlignment": "center"
        },
        {
          "type": "Column",
          "width": "stretch",
          "items": [
            {
              "type": "TextBlock",
              "size": "medium",
              "weight": "bolder",
              "text": "James McElroy",
              "wrap": true
            },
            {
              "type": "TextBlock",
              "isSubtle": true,
              "text": "SENIOR SOFTWARE ENG LEAD",
              "wrap": true,
              "spacing": "none"
            },
            {
              "type": "TextBlock",
              "isSubtle": true,
              "text": "MSAI_UK_1071",
              "wrap": true,
              "spacing": "none"
            }
          ],
          "spacing": "medium"
        }
      ],
      "selectAction": {
        "type": "Action.Submit",
        "data": {
          "ux:position_ref": 1
        },
        "title": "James McElroy SENIOR SOFTWARE ENG LEAD"
      },
      "spacing": "extraLarge"
    },
    {
      "type": "Container",
      "items": [
        {
          "type": "ColumnSet",
          "columns": [
            {
              "type": "Column",
              "width": "48px",
              "items": [
                {
                  "type": "Image",
                  "size": "medium",
                  "style": "person",
                  "url": "https://graph.microsoft.com/v1.0/users/[email protected]/photo/$value",
                  "horizontalAlignment": "center",
                  "altText": "JR"
                }
              ],
              "verticalContentAlignment": "center"
            },
            {
              "type": "Column",
              "width": "stretch",
              "items": [
                {
                  "type": "TextBlock",
                  "size": "medium",
                  "weight": "bolder",
                  "text": "James Russell",
                  "wrap": true
                },
                {
                  "type": "TextBlock",
                  "isSubtle": true,
                  "text": "SENIOR DESIGNER",
                  "wrap": true,
                  "spacing": "none"
                },
                {
                  "type": "TextBlock",
                  "isSubtle": true,
                  "text": "MSAI Exp PM_UK_1071_Design",
                  "wrap": true,
                  "spacing": "none"
                }
              ],
              "spacing": "medium"
            }
          ],
          "selectAction": {
            "type": "Action.Submit",
            "data": {
              "ux:position_ref": 2
            },
            "title": "James Russell SENIOR DESIGNER"
          },
          "spacing": "extraLarge"
        }
      ],
      "spacing": "large"
    }
  ]
}

Sample Code Language

No response

Sample Code

No response