AdaptiveCards
AdaptiveCards copied to clipboard
microsoft
[Accessibility] Rate your Experience Card: Talkback focus is not sequential on invoking any of the Star rating buttons in 'Rate your Experience' section while navigating using right swipe.
Target Platforms
Android
SDK Version
Application Version: 2021.05.13.1
Application Name
Visualizer
Problem Description
Talkback focus is not sequential on invoking any of the Star rating buttons in 'Rate your Experience' section while navigating using right swipe.
Screenshots
No response
Card JSON
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.2",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 2,
"items": [
{
"type": "TextBlock",
"text": "Rate your experience!",
"weight": "bolder",
"size": "medium"
},
{
"type": "TextBlock",
"text": "Please rate your experience! Your feedback is really appreciated and will help improve your experience in the future",
"wrap": true
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "30px",
"items": [
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star.png",
"id": "star1",
"isVisible": true,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": false
},
{
"elementId": "staryellow3",
"isVisible": false
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": true
},
{
"elementId": "star3",
"isVisible": true
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": true
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
},
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star-yellow.png",
"id": "staryellow1",
"isVisible": false,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": false
},
{
"elementId": "staryellow2",
"isVisible": false
},
{
"elementId": "staryellow3",
"isVisible": false
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": true
},
{
"elementId": "star2",
"isVisible": true
},
{
"elementId": "star3",
"isVisible": true
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": true
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
}
]
},
{
"type": "Column",
"width": "30px",
"items": [
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star.png",
"id": "star2",
"isVisible": true,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": false
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": true
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": true
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
},
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star-yellow.png",
"id": "staryellow2",
"isVisible": false,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": false
},
{
"elementId": "staryellow3",
"isVisible": false
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": true
},
{
"elementId": "star3",
"isVisible": true
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": true
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
}
]
},
{
"type": "Column",
"width": "30px",
"items": [
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star.png",
"id": "star3",
"isVisible": true,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": true
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": false
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": true
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
},
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star-yellow.png",
"id": "staryellow3",
"isVisible": false,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": false
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": true
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": true
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
}
]
},
{
"type": "Column",
"width": "30px",
"items": [
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star.png",
"id": "star4",
"isVisible": true,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": true
},
{
"elementId": "staryellow4",
"isVisible": true
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": false
},
{
"elementId": "star4",
"isVisible": false
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": true
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
},
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star-yellow.png",
"id": "staryellow4",
"isVisible": false,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": true
},
{
"elementId": "staryellow4",
"isVisible": false
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": false
},
{
"elementId": "star4",
"isVisible": true
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": true
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
}
]
},
{
"type": "Column",
"width": "30px",
"items": [
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star.png",
"id": "star5",
"isVisible": true,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": true
},
{
"elementId": "staryellow4",
"isVisible": true
},
{
"elementId": "staryellow5",
"isVisible": true
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": false
},
{
"elementId": "star4",
"isVisible": false
},
{
"elementId": "star5",
"isVisible": false
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": false
},
{
"elementId": "submit5",
"isVisible": true
}
]
}
},
{
"type": "Image",
"url": "https://irisstorageaccdev.blob.core.windows.net/iris-ux/assets/images/star-yellow.png",
"id": "staryellow5",
"isVisible": false,
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": [
{
"elementId": "staryellow1",
"isVisible": true
},
{
"elementId": "staryellow2",
"isVisible": true
},
{
"elementId": "staryellow3",
"isVisible": true
},
{
"elementId": "staryellow4",
"isVisible": true
},
{
"elementId": "staryellow5",
"isVisible": false
},
{
"elementId": "star1",
"isVisible": false
},
{
"elementId": "star2",
"isVisible": false
},
{
"elementId": "star3",
"isVisible": false
},
{
"elementId": "star4",
"isVisible": false
},
{
"elementId": "star5",
"isVisible": true
},
{
"elementId": "submit0",
"isVisible": false
},
{
"elementId": "submit1",
"isVisible": false
},
{
"elementId": "submit2",
"isVisible": false
},
{
"elementId": "submit3",
"isVisible": false
},
{
"elementId": "submit4",
"isVisible": true
},
{
"elementId": "submit5",
"isVisible": false
}
]
}
}
]
}
]
},
{
"type": "TextBlock",
"text": "Feedback Category",
"weight": "bolder",
"wrap": true
},
{
"type": "Input.ChoiceSet",
"id": "category",
"style": "compact",
"isMultiSelect": false,
"choices": []
},
{
"type": "TextBlock",
"text": "Additional Comments",
"weight": "bolder",
"wrap": true
},
{
"type": "TextBlock",
"text": "Please do not include any personal or confidential information in your comment",
"wrap": true
},
{
"type": "Input.Text",
"placeholder": "Leave a comment",
"isMultiline": true,
"id": "comment"
},
{
"type": "Input.Toggle",
"id": "contactMe",
"title": "You can contact me about this feedback",
"value": "true",
"valueOn": "true",
"valueOff": "false"
},
{
"type": "Input.Text",
"placeholder": "Email (Optional)",
"id": "email"
},
{
"type": "ActionSet",
"id": "submit0",
"isVisible": true,
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": { "rating": 0 }
}
]
},
{
"type": "ActionSet",
"id": "submit1",
"isVisible": false,
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": { "rating": 1 }
}
]
},
{
"type": "ActionSet",
"id": "submit2",
"isVisible": false,
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": { "rating": 2 }
}
]
},
{
"type": "ActionSet",
"id": "submit3",
"isVisible": false,
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": { "rating": 3 }
}
]
},
{
"type": "ActionSet",
"id": "submit4",
"isVisible": false,
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": { "rating": 4 }
}
]
},
{
"type": "ActionSet",
"id": "submit5",
"isVisible": false,
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"data": { "rating": 5 }
}
]
}
]
}
]
}
]
}
Sample Code Language
No response
Sample Code
No response
This is a badly designed card, as AdaptiveCards does not support a rating control somehow one was made using ColumnSets (around 800 lines of json for a rating control). This seems like an external issue or if a feature request has been filed against this scenario it could serve as follow up
Closing this issue since it is an authoring issue, and Adaptive Cards does not support a rating control. We have a proposal open tracking the progress of rating control implementation (#3054).
@MohitTyagi13 Let me know if you have any questions!
