[Accessibility] Ensure elements with Aria role that require child roles contain them

[dennisjsyi]

Target Platforms

NodeJS

SDK Version

2.9.0, 2.11.1

Application Name

Viva Connections

Problem Description

https://onedrive.visualstudio.com/CSI/_workitems/edit/1465180

Elements with an ARIA role do not contain required child roles. Required ARIA children role not present: group, menuitemradio, menuitem, menuitemcheckbox

Similar GH issue: https://github.com/microsoft/AdaptiveCards/issues/7604

Screenshots

Card JSON

{
    "schema": "http=//adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.3",
    "body": [
        {
            "id": "",
            "isVisible": true,
            "separator": false,
            "spacing": "default",
            "type": "Container",
            "items": [
                {
                    "id": "",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "default",
                    "type": "TextBlock",
                    "textStyle": "default",
                    "wrap": true,
                    "text": "Phishing Validation",
                    "size": "Medium",
                    "weight": "Bolder"
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "default",
                    "type": "TextBlock",
                    "textStyle": "default",
                    "wrap": true,
                    "text": "Does the phishing email you are reporting look like the message below?",
                    "size": "Small",
                    "weight": "Bolder"
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "default",
                    "type": "Image",
                    "height": "auto",
                    "horizontalAlignment": "Left",
                    "size": "auto",
                    "style": "default",
                    "url": "https://th.bing.com/th/id/OIP.b5eA3HeWhZKHqLtSQos27gHaHP?w=170&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7",
                    "altText": "Phishing Email Image"
                }
            ],
            "verticalContentAlignment": "Center",
            "bleed": false
        },
        {
            "id": "",
            "isVisible": true,
            "separator": false,
            "spacing": "default",
            "type": "ColumnSet",
            "bleed": false,
            "columns": [
                {
                    "type": "Column",
                    "separator": false,
                    "spacing": "default",
                    "verticalContentAlignment": "Center",
                    "isVisible": true,
                    "items": [
                        {
                            "id": "",
                            "isVisible": true,
                            "separator": false,
                            "spacing": "default",
                            "type": "ActionSet",
                            "actions": [
                                {
                                    "id": "PhishingEmailSubmitNo",
                                    "title": "No",
                                    "altText": "No",
                                    "type": "Action.OpenUrl",
                                    "url": "https://aka.ms/dev-reportitnow-phishing"
                                }
                            ]
                        }
                    ],
                    "width": "stretch"
                },
                {
                    "type": "Column",
                    "separator": false,
                    "spacing": "default",
                    "verticalContentAlignment": "Center",
                    "isVisible": true,
                    "items": [
                        {
                            "id": "",
                            "isVisible": true,
                            "separator": false,
                            "spacing": "default",
                            "type": "ActionSet",
                            "actions": [
                                {
                                    "style": "positive",
                                    "id": "PhishingEmailSubmitYes",
                                    "title": "Yes",
                                    "altText": "Yes",
                                    "type": "Action.Submit",
                                    "associatedInputs": "auto",
                                    "data": {
                                        "id": "PhishingEmailSubmitYes"
                                    }
                                }
                            ]
                        }
                    ],
                    "width": "stretch"
                }
            ]
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}

Sample Code Language

No response

Sample Code

No response

[Raisul123]

Dependent Bug ID: Bug 1465180: [Screen Readers - My Hub Viva UX]: Ensures elements with an ARIA role that require child roles contain them. Bug 1332753: [Accessibility][Screen Readers-MyHub Viva UX-Dev Feedback][Sharepoint][Action.Submit]: Ensures elements with an ARIA role that require child roles contain them Bug 1515098: [Accessibility][Viva Connections – Dashboard – Top News card]: Ensures elements with an ARIA role that require child roles contain them Bug 1475892: [Screen Readers-MyHub Viva UX (Report It Now Feature)-Security Concern?]: Ensures elements with an ARIA role that require child roles contain them.

[Raisul123]

Now tracking with Bug https://github.com/microsoft/AdaptiveCards/issues/8291

Closing this issue