{Linked:Bug10209393} [Adaptive Cards> Designer]: Screen reader focus order is not meaningful while navigating through labels and their respective associated value text.

[vagpt]

Target Platforms

Other

SDK Version

1.5

Application Name

Adaptive Cards

Problem Description

Test Environment: URL: https://adaptivecards.io/designer/ OS Version: 22H2 (Build 25290.1000) Browser: Edge Dev (109.0.1518.78) Screen Reader: Narrator

Repro Steps:

1. Open the above URL in edge dev browser.
2. Navigate to the 'Card payload Editor' button and press enter key to expand it.
3. Paste the attached JSON file.
4. Navigate to the 'Recent Booking' screen and observe the issue.

Actual Result: Screen reader focus order is not sequential while navigating through Building, Time and Date labels and their respective values Currently, focus order is: Building label-> Time label-> Date label-> Building value text-> Time value text-> Date value text

Expected Result: Screen reader focus order should be sequential while navigating through labels and their respective values. Focus order should be: Building label-> Building value text -> Time label-> Time value text-> Date label-> Date value text

MAS Reference: https://microsoft.sharepoint.com/:w:/r/sites/accessibility/_layouts/15/Doc.aspx?sourcedoc=%7B9C514377-76E5-4CFE-8300-DA3079D3CDC3%7D&file=MAS%201.3.2%20%E2%80%93%20Info%20and%20Relationships.docx&action=default&mobileredirect=true&share=IQF3Q1Gc5Xb-TIMA2jB5083DAcWOZyaXcx7TtNeRlXM4uHk&cid=f12324f4-7a80-4e63-a4ac-8060ea356304

Screenshots

https://user-images.githubusercontent.com/95913748/216923608-ea574129-b913-41ce-82c2-741a5daf3d72.mp4

Card JSON

{
    "schema": "http=//adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.5",
    "body": [
        {
            "id": "",
            "isVisible": true,
            "separator": false,
            "spacing": "default",
            "type": "Container",
            "bleed": false,
            "items": [
                {
                    "id": "",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "None",
                    "width": "stretch",
                    "type": "Container",
                    "bleed": true,
                    "verticalContentAlignment": "Center",
                    "backgroundImage": {
                        "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/3b887e62-6f69-4e15-8005-1e483f02ee49/HeaderLine_77d65ccd075fa6644bc29b64bd426343.png"
                    }
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "None",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "None",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "None",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": true,
                                    "text": "Recent bookings",
                                    "weight": "Bolder",
                                    "size": "Large"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "ActionSet",
                                    "actions": [
                                        {
                                            "style": "positive",
                                            "id": "refreshPreviousBookings",
                                            "title": "Refresh",
                                            "altText": "Refresh",
                                            "type": "Action.Submit",
                                            "associatedInputs": "auto",
                                            "data": {
                                                "id": "refreshPreviousBookings"
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ],
            "verticalContentAlignment": "Center",
            "headerType": "basic"
        },
        {
            "id": "",
            "isVisible": true,
            "separator": true,
            "spacing": "Medium",
            "type": "Container",
            "bleed": false,
            "items": [
                {
                    "id": "",
                    "isVisible": true,
                    "separator": true,
                    "spacing": "Large",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conf Room MILLENNIUM E/2613 (8)",
                                    "horizontalAlignment": "Left",
                                    "weight": "Default"
                                },
                                {
                                    "id": "date_1",
                                    "isVisible": false,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Today",
                                    "horizontalAlignment": "Left"
                                },
                                {
                                    "id": "responseStatus_1",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "Container",
                                    "bleed": false,
                                    "items": [
                                        {
                                            "id": "",
                                            "isVisible": true,
                                            "separator": false,
                                            "spacing": "default",
                                            "type": "ColumnSet",
                                            "bleed": false,
                                            "columns": [
                                                {
                                                    "type": "Column",
                                                    "separator": false,
                                                    "spacing": "default",
                                                    "verticalContentAlignment": "Center",
                                                    "width": "auto",
                                                    "isVisible": true,
                                                    "items": [
                                                        {
                                                            "id": "",
                                                            "isVisible": true,
                                                            "separator": false,
                                                            "spacing": "default",
                                                            "width": "14px",
                                                            "type": "Image",
                                                            "height": "14px",
                                                            "horizontalAlignment": "Left",
                                                            "size": "auto",
                                                            "style": "default",
                                                            "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/checkmark-circle_43b8ad1b228d1a1d25d87a8fbfbf1947.svg",
                                                            "altText": "decorative image for booked"
                                                        }
                                                    ]
                                                },
                                                {
                                                    "type": "Column",
                                                    "separator": false,
                                                    "spacing": "default",
                                                    "verticalContentAlignment": "Center",
                                                    "width": "stretch",
                                                    "isVisible": true,
                                                    "items": [
                                                        {
                                                            "id": "",
                                                            "isVisible": true,
                                                            "separator": false,
                                                            "spacing": "default",
                                                            "type": "TextBlock",
                                                            "textStyle": "default",
                                                            "wrap": true,
                                                            "text": "Booked"
                                                        }
                                                    ]
                                                }
                                            ]
                                        }
                                    ],
                                    "verticalContentAlignment": "Center"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "chevron-down_1",
                                    "isVisible": false,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Collapse_3feb2b43ea305ea31f529eb51d3f1d31.svg",
                                    "altText": "Conf Room MILLENNIUM E/2613 (8) click here expand the booking details"
                                },
                                {
                                    "id": "chevron-up_1",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Expand_8f1224c63d4d1819ee46fbb53db6aabb.svg",
                                    "altText": "Conf Room MILLENNIUM E/2613 (8) click here collapse the booking details"
                                }
                            ]
                        }
                    ],
                    "selectAction": {
                        "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwzAAA=",
                        "title": "",
                        "altText": "",
                        "type": "Action.ToggleVisibility",
                        "targetElements": [
                            "chevron-down_1",
                            "chevron-up_1",
                            "bookingDetails_1",
                            "date_1",
                            "bookingActions_1",
                            "responseStatus_1",
                            "deniedMessage_1"
                        ]
                    }
                },
                {
                    "id": "deniedMessage_1",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "separator": false,
                            "spacing": "default",
                            "type": "Container",
                            "bleed": false,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": true,
                                    "text": "This space is no longer available. Change time or cancel to try a different room"
                                }
                            ],
                            "verticalContentAlignment": "Center",
                            "style": "attention"
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "bookingDetails_1",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "default",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Building",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Time",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Date",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "MILLENNIUM E",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "05:38 PM - 06:08 PM",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Today",
                                    "horizontalAlignment": "Right"
                                }
                            ]
                        }
                    ]
                },
                {
                    "id": "bookingActions_1",
                    "isVisible": true,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "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": "changeBooking_1",
                                                    "title": "Change time",
                                                    "altText": "click here to change time for booking 1",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "changeBooking_1",
                                                        "event": {
                                                            "@odata.etag": "W/\"T+ubgwVz4k6vLPfsSrTn+wAE7Jvjqg==\"",
                                                            "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwzAAA=",
                                                            "subject": "MyHub Viva booking",
                                                            "bodyPreview": "This space was booked using the MyHub viva app.\r\n________________________________________________________________________________\r\nMicrosoft Teams meeting\r\nJoin on your computer, mobile app or room device\r\nClick here to join the meeting\r\nMeeting ID: 226 5",
                                                            "isCancelled": false,
                                                            "start": {
                                                                "dateTime": "2023-01-26T01:38:42.774Z",
                                                                "timeZone": "America/Los_Angeles"
                                                            },
                                                            "end": {
                                                                "dateTime": "2023-01-26T02:08:42.774Z",
                                                                "timeZone": "America/Los_Angeles"
                                                            },
                                                            "location": {
                                                                "displayName": "MILLENNIUM E/2613",
                                                                "locationType": "default",
                                                                "uniqueId": "MILLENNIUM E/2613",
                                                                "uniqueIdType": "private"
                                                            },
                                                            "attendees": [
                                                                {
                                                                    "type": "required",
                                                                    "status": {
                                                                        "response": "accepted",
                                                                        "time": "2022-11-08T22:14:45.0566051Z"
                                                                    },
                                                                    "emailAddress": {
                                                                        "name": "Conf Room MILLENNIUM E/2613 (8)",
                                                                        "address": "cfme2613@microsoft.com"
                                                                    }
                                                                }
                                                            ],
                                                            "organizer": {
                                                                "emailAddress": {
                                                                    "name": "Anil Reddy Nimma",
                                                                    "address": "animma@microsoft.com"
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                },
                                {
                                    "type": "Column",
                                    "separator": false,
                                    "spacing": "default",
                                    "verticalContentAlignment": "Center",
                                    "isVisible": true,
                                    "items": [
                                        {
                                            "id": "",
                                            "isVisible": true,
                                            "separator": false,
                                            "spacing": "default",
                                            "type": "ActionSet",
                                            "actions": [
                                                {
                                                    "id": "requestCancelBooking_1",
                                                    "title": "Cancel booking",
                                                    "altText": "click here to cancel booking 1",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "requestCancelBooking_1",
                                                        "eventid": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwzAAA="
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                }
                            ]
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": true,
                    "spacing": "Large",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conf Room MILLENNIUM E/2631 (6)",
                                    "horizontalAlignment": "Left",
                                    "weight": "Default"
                                },
                                {
                                    "id": "date_2",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 08, 2022",
                                    "horizontalAlignment": "Left"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "Container",
                                    "bleed": false,
                                    "verticalContentAlignment": "Center"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "chevron-down_2",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Collapse_3feb2b43ea305ea31f529eb51d3f1d31.svg",
                                    "altText": "Conf Room MILLENNIUM E/2631 (6) click here expand the booking details"
                                },
                                {
                                    "id": "chevron-up_2",
                                    "isVisible": false,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Expand_8f1224c63d4d1819ee46fbb53db6aabb.svg",
                                    "altText": "Conf Room MILLENNIUM E/2631 (6) click here collapse the booking details"
                                }
                            ]
                        }
                    ],
                    "selectAction": {
                        "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwyAAA=",
                        "title": "",
                        "altText": "",
                        "type": "Action.ToggleVisibility",
                        "targetElements": [
                            "chevron-down_2",
                            "chevron-up_2",
                            "bookingDetails_2",
                            "date_2",
                            "bookingActions_2",
                            "responseStatus_2",
                            "deniedMessage_2"
                        ]
                    }
                },
                {
                    "id": "deniedMessage_2",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "separator": false,
                            "spacing": "default",
                            "type": "Container",
                            "bleed": false,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": true,
                                    "text": "This space is no longer available. Change time or cancel to try a different room"
                                }
                            ],
                            "verticalContentAlignment": "Center",
                            "style": "attention"
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "bookingDetails_2",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Building",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Time",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Date",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conference room-MILLENNIUM E",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "11:00 AM - 12:00 PM",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 08, 2022",
                                    "horizontalAlignment": "Right"
                                }
                            ]
                        }
                    ]
                },
                {
                    "id": "bookingActions_2",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "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": "changeBooking_2",
                                                    "title": "Change time",
                                                    "altText": "click here to change time for booking 2",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "changeBooking_2",
                                                        "event": {
                                                            "@odata.etag": "W/\"T+ubgwVz4k6vLPfsSrTn+wAE7JvQdg==\"",
                                                            "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwyAAA=",
                                                            "subject": "MyHub viva booking",
                                                            "bodyPreview": "This space was booked using the MyHub viva app.",
                                                            "isCancelled": false,
                                                            "start": {
                                                                "dateTime": "2022-11-08T19:00:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "end": {
                                                                "dateTime": "2022-11-08T20:00:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "location": {
                                                                "displayName": "Conference room-MILLENNIUM E/2631",
                                                                "locationType": "default",
                                                                "uniqueId": "Conference room-MILLENNIUM E/2631",
                                                                "uniqueIdType": "private"
                                                            },
                                                            "attendees": [
                                                                {
                                                                    "type": "required",
                                                                    "status": {
                                                                        "response": "accepted",
                                                                        "time": "2022-11-08T18:54:28.2779319Z"
                                                                    },
                                                                    "emailAddress": {
                                                                        "name": "Conf Room MILLENNIUM E/2631 (6)",
                                                                        "address": "cfme2631@microsoft.com"
                                                                    }
                                                                }
                                                            ],
                                                            "organizer": {
                                                                "emailAddress": {
                                                                    "name": "Anil Reddy Nimma",
                                                                    "address": "animma@microsoft.com"
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                },
                                {
                                    "type": "Column",
                                    "separator": false,
                                    "spacing": "default",
                                    "verticalContentAlignment": "Center",
                                    "isVisible": true,
                                    "items": [
                                        {
                                            "id": "",
                                            "isVisible": true,
                                            "separator": false,
                                            "spacing": "default",
                                            "type": "ActionSet",
                                            "actions": [
                                                {
                                                    "id": "requestCancelBooking_2",
                                                    "title": "Cancel booking",
                                                    "altText": "click here to cancel booking 2",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "requestCancelBooking_2",
                                                        "eventid": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwyAAA="
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                }
                            ]
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": true,
                    "spacing": "Large",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conf Room MILLENNIUM E/1373 (14)",
                                    "horizontalAlignment": "Left",
                                    "weight": "Default"
                                },
                                {
                                    "id": "date_3",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 08, 2022",
                                    "horizontalAlignment": "Left"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "Container",
                                    "bleed": false,
                                    "verticalContentAlignment": "Center"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "chevron-down_3",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Collapse_3feb2b43ea305ea31f529eb51d3f1d31.svg",
                                    "altText": "Conf Room MILLENNIUM E/1373 (14) click here expand the booking details"
                                },
                                {
                                    "id": "chevron-up_3",
                                    "isVisible": false,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Expand_8f1224c63d4d1819ee46fbb53db6aabb.svg",
                                    "altText": "Conf Room MILLENNIUM E/1373 (14) click here collapse the booking details"
                                }
                            ]
                        }
                    ],
                    "selectAction": {
                        "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwxAAA=",
                        "title": "",
                        "altText": "",
                        "type": "Action.ToggleVisibility",
                        "targetElements": [
                            "chevron-down_3",
                            "chevron-up_3",
                            "bookingDetails_3",
                            "date_3",
                            "bookingActions_3",
                            "responseStatus_3",
                            "deniedMessage_3"
                        ]
                    }
                },
                {
                    "id": "deniedMessage_3",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "separator": false,
                            "spacing": "default",
                            "type": "Container",
                            "bleed": false,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": true,
                                    "text": "This space is no longer available. Change time or cancel to try a different room"
                                }
                            ],
                            "verticalContentAlignment": "Center",
                            "style": "attention"
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "bookingDetails_3",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Building",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Time",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Date",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conference room-MILLENNIUM E",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "10:21 AM - 10:51 AM",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 08, 2022",
                                    "horizontalAlignment": "Right"
                                }
                            ]
                        }
                    ]
                },
                {
                    "id": "bookingActions_3",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "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": "changeBooking_3",
                                                    "title": "Change time",
                                                    "altText": "click here to change time for booking 3",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "changeBooking_3",
                                                        "event": {
                                                            "@odata.etag": "W/\"T+ubgwVz4k6vLPfsSrTn+wAE7JvNSg==\"",
                                                            "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwxAAA=",
                                                            "subject": "MyHub viva booking",
                                                            "bodyPreview": "This space was booked using the MyHub viva app.",
                                                            "isCancelled": false,
                                                            "start": {
                                                                "dateTime": "2022-11-08T18:21:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "end": {
                                                                "dateTime": "2022-11-08T18:51:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "location": {
                                                                "displayName": "Conference room-MILLENNIUM E/1373",
                                                                "locationType": "default",
                                                                "uniqueId": "Conference room-MILLENNIUM E/1373",
                                                                "uniqueIdType": "private"
                                                            },
                                                            "attendees": [
                                                                {
                                                                    "type": "required",
                                                                    "status": {
                                                                        "response": "accepted",
                                                                        "time": "2022-11-08T18:22:16.6701456Z"
                                                                    },
                                                                    "emailAddress": {
                                                                        "name": "Conf Room MILLENNIUM E/1373 (14)",
                                                                        "address": "cfme1373@microsoft.com"
                                                                    }
                                                                }
                                                            ],
                                                            "organizer": {
                                                                "emailAddress": {
                                                                    "name": "Anil Reddy Nimma",
                                                                    "address": "animma@microsoft.com"
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                },
                                {
                                    "type": "Column",
                                    "separator": false,
                                    "spacing": "default",
                                    "verticalContentAlignment": "Center",
                                    "isVisible": true,
                                    "items": [
                                        {
                                            "id": "",
                                            "isVisible": true,
                                            "separator": false,
                                            "spacing": "default",
                                            "type": "ActionSet",
                                            "actions": [
                                                {
                                                    "id": "requestCancelBooking_3",
                                                    "title": "Cancel booking",
                                                    "altText": "click here to cancel booking 3",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "requestCancelBooking_3",
                                                        "eventid": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwxAAA="
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                }
                            ]
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": true,
                    "spacing": "Large",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conf Room MILLENNIUM E/2008 (14)",
                                    "horizontalAlignment": "Left",
                                    "weight": "Default"
                                },
                                {
                                    "id": "date_4",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 07, 2022",
                                    "horizontalAlignment": "Left"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "Container",
                                    "bleed": false,
                                    "verticalContentAlignment": "Center"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "chevron-down_4",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Collapse_3feb2b43ea305ea31f529eb51d3f1d31.svg",
                                    "altText": "Conf Room MILLENNIUM E/2008 (14) click here expand the booking details"
                                },
                                {
                                    "id": "chevron-up_4",
                                    "isVisible": false,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Expand_8f1224c63d4d1819ee46fbb53db6aabb.svg",
                                    "altText": "Conf Room MILLENNIUM E/2008 (14) click here collapse the booking details"
                                }
                            ]
                        }
                    ],
                    "selectAction": {
                        "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwqAAA=",
                        "title": "",
                        "altText": "",
                        "type": "Action.ToggleVisibility",
                        "targetElements": [
                            "chevron-down_4",
                            "chevron-up_4",
                            "bookingDetails_4",
                            "date_4",
                            "bookingActions_4",
                            "responseStatus_4",
                            "deniedMessage_4"
                        ]
                    }
                },
                {
                    "id": "deniedMessage_4",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "separator": false,
                            "spacing": "default",
                            "type": "Container",
                            "bleed": false,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": true,
                                    "text": "This space is no longer available. Change time or cancel to try a different room"
                                }
                            ],
                            "verticalContentAlignment": "Center",
                            "style": "attention"
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "bookingDetails_4",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Building",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Time",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Date",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conference room-MILLENNIUM E",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "02:25 PM - 02:55 PM",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 07, 2022",
                                    "horizontalAlignment": "Right"
                                }
                            ]
                        }
                    ]
                },
                {
                    "id": "bookingActions_4",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "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": "changeBooking_4",
                                                    "title": "Change time",
                                                    "altText": "click here to change time for booking 4",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "changeBooking_4",
                                                        "event": {
                                                            "@odata.etag": "W/\"T+ubgwVz4k6vLPfsSrTn+wAE7JutGw==\"",
                                                            "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwqAAA=",
                                                            "subject": "MyHub viva booking",
                                                            "bodyPreview": "This space was booked using the MyHub viva app.",
                                                            "isCancelled": false,
                                                            "start": {
                                                                "dateTime": "2022-11-07T22:25:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "end": {
                                                                "dateTime": "2022-11-07T22:55:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "location": {
                                                                "displayName": "Conference room-MILLENNIUM E/2008",
                                                                "locationType": "default",
                                                                "uniqueId": "Conference room-MILLENNIUM E/2008",
                                                                "uniqueIdType": "private"
                                                            },
                                                            "attendees": [
                                                                {
                                                                    "type": "required",
                                                                    "status": {
                                                                        "response": "accepted",
                                                                        "time": "2022-11-07T22:26:13.1687744Z"
                                                                    },
                                                                    "emailAddress": {
                                                                        "name": "Conf Room MILLENNIUM E/2008 (14)",
                                                                        "address": "cfme2008@microsoft.com"
                                                                    }
                                                                }
                                                            ],
                                                            "organizer": {
                                                                "emailAddress": {
                                                                    "name": "Anil Reddy Nimma",
                                                                    "address": "animma@microsoft.com"
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                },
                                {
                                    "type": "Column",
                                    "separator": false,
                                    "spacing": "default",
                                    "verticalContentAlignment": "Center",
                                    "isVisible": true,
                                    "items": [
                                        {
                                            "id": "",
                                            "isVisible": true,
                                            "separator": false,
                                            "spacing": "default",
                                            "type": "ActionSet",
                                            "actions": [
                                                {
                                                    "id": "requestCancelBooking_4",
                                                    "title": "Cancel booking",
                                                    "altText": "click here to cancel booking 4",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "requestCancelBooking_4",
                                                        "eventid": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LwqAAA="
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                }
                            ]
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "",
                    "isVisible": true,
                    "separator": true,
                    "spacing": "Large",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conf Room MILLENNIUM E/2008 (14)",
                                    "horizontalAlignment": "Left",
                                    "weight": "Default"
                                },
                                {
                                    "id": "date_5",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 03, 2022",
                                    "horizontalAlignment": "Left"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "Container",
                                    "bleed": false,
                                    "verticalContentAlignment": "Center"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "chevron-down_5",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Collapse_3feb2b43ea305ea31f529eb51d3f1d31.svg",
                                    "altText": "Conf Room MILLENNIUM E/2008 (14) click here expand the booking details"
                                },
                                {
                                    "id": "chevron-up_5",
                                    "isVisible": false,
                                    "separator": false,
                                    "spacing": "default",
                                    "width": "14px",
                                    "type": "Image",
                                    "height": "14px",
                                    "horizontalAlignment": "Right",
                                    "size": "auto",
                                    "style": "default",
                                    "url": "https://microsoft.sharepoint.com/sites/catalog/ClientSideAssets/12345678-9f17-4b50-8e1f-ea3145d8e95f/Expand_8f1224c63d4d1819ee46fbb53db6aabb.svg",
                                    "altText": "Conf Room MILLENNIUM E/2008 (14) click here collapse the booking details"
                                }
                            ]
                        }
                    ],
                    "selectAction": {
                        "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LweAAA=",
                        "title": "",
                        "altText": "",
                        "type": "Action.ToggleVisibility",
                        "targetElements": [
                            "chevron-down_5",
                            "chevron-up_5",
                            "bookingDetails_5",
                            "date_5",
                            "bookingActions_5",
                            "responseStatus_5",
                            "deniedMessage_5"
                        ]
                    }
                },
                {
                    "id": "deniedMessage_5",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "separator": false,
                            "spacing": "default",
                            "type": "Container",
                            "bleed": false,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": true,
                                    "text": "This space is no longer available. Change time or cancel to try a different room"
                                }
                            ],
                            "verticalContentAlignment": "Center",
                            "style": "attention"
                        }
                    ],
                    "verticalContentAlignment": "Center"
                },
                {
                    "id": "bookingDetails_5",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "ColumnSet",
                    "bleed": false,
                    "columns": [
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "auto",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Building",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Time",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Date",
                                    "horizontalAlignment": "Left",
                                    "weight": "Bolder"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "separator": false,
                            "spacing": "default",
                            "verticalContentAlignment": "Center",
                            "width": "stretch",
                            "isVisible": true,
                            "items": [
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Conf Room-MILLENNIUM E",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "05:24 PM - 05:54 PM",
                                    "horizontalAlignment": "Right"
                                },
                                {
                                    "id": "",
                                    "isVisible": true,
                                    "separator": false,
                                    "spacing": "default",
                                    "type": "TextBlock",
                                    "textStyle": "default",
                                    "wrap": false,
                                    "text": "Nov 03, 2022",
                                    "horizontalAlignment": "Right"
                                }
                            ]
                        }
                    ]
                },
                {
                    "id": "bookingActions_5",
                    "isVisible": false,
                    "separator": false,
                    "spacing": "default",
                    "type": "Container",
                    "bleed": false,
                    "items": [
                        {
                            "id": "",
                            "isVisible": false,
                            "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": "changeBooking_5",
                                                    "title": "Change time",
                                                    "altText": "click here to change time for booking 5",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "changeBooking_5",
                                                        "event": {
                                                            "@odata.etag": "W/\"T+ubgwVz4k6vLPfsSrTn+wAE7Js1ew==\"",
                                                            "id": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LweAAA=",
                                                            "subject": "MyHub viva booking",
                                                            "bodyPreview": "This space was booked using the MyHub viva app.",
                                                            "isCancelled": false,
                                                            "start": {
                                                                "dateTime": "2022-11-04T00:24:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "end": {
                                                                "dateTime": "2022-11-04T00:54:00.0000000",
                                                                "timeZone": "UTC"
                                                            },
                                                            "location": {
                                                                "displayName": "Conf Room-MILLENNIUM E/2008",
                                                                "locationType": "default",
                                                                "uniqueId": "Conf Room-MILLENNIUM E/2008",
                                                                "uniqueIdType": "private"
                                                            },
                                                            "attendees": [
                                                                {
                                                                    "type": "required",
                                                                    "status": {
                                                                        "response": "accepted",
                                                                        "time": "2022-11-04T00:25:33.802262Z"
                                                                    },
                                                                    "emailAddress": {
                                                                        "name": "Conf Room MILLENNIUM E/2008 (14)",
                                                                        "address": "cfme2008@microsoft.com"
                                                                    }
                                                                }
                                                            ],
                                                            "organizer": {
                                                                "emailAddress": {
                                                                    "name": "Anil Reddy Nimma",
                                                                    "address": "animma@microsoft.com"
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                },
                                {
                                    "type": "Column",
                                    "separator": false,
                                    "spacing": "default",
                                    "verticalContentAlignment": "Center",
                                    "isVisible": true,
                                    "items": [
                                        {
                                            "id": "",
                                            "isVisible": true,
                                            "separator": false,
                                            "spacing": "default",
                                            "type": "ActionSet",
                                            "actions": [
                                                {
                                                    "id": "requestCancelBooking_5",
                                                    "title": "Cancel booking",
                                                    "altText": "click here to cancel booking 5",
                                                    "type": "Action.Submit",
                                                    "associatedInputs": "auto",
                                                    "data": {
                                                        "id": "requestCancelBooking_5",
                                                        "eventid": "AAMkADg4ZDdiMjc2LTk2YmItNDM2My04YjU0LTdkOTQyZjVlZWIxOQBGAAAAAAA3pWavmeSRT4WleN1AaiUBBwA1LE3PTIUoQovxM0tGrkcXAAAAAAENAABP65uDBXPiTq8s9_xKtOf7AATx8LweAAA="
                                                    }
                                                }
                                            ]
                                        }
                                    ],
                                    "width": "stretch"
                                }
                            ]
                        }
                    ],
                    "verticalContentAlignment": "Center"
                }
            ],
            "verticalContentAlignment": "Center"
        },
        {
            "id": "",
            "isVisible": true,
            "separator": true,
            "spacing": "Medium",
            "type": "TextBlock",
            "textStyle": "default",
            "wrap": true,
            "text": "Your 5 most recent bookings are shown."
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}

Sample Code Language

No response

Sample Code

No response

[jwoo-msft]

@vagpt,

This is not an AdaptiveCard issue.

Card author can craft a card that respects the correct a11y order. For example, instead of having a columns with multiple entries. One can add a column with single entry to columnSet, in that way, narrator will move to the next entry once the single entry is read.

[vagpt]

As per the above comment closing this issue.